用 rollup + gulp 造個輪子，別說還挺香
- 2022 年 4 月 2 日
- 筆記
前戏 我是16年入了前端的坑，17年知道了 gulp 和 rollup 这两个玩意儿。由于那时 webpack 势头很猛，便一直没有正眼瞧过它一眼。 直到20年进了一家小公司，做了很多类似的小项目，相同的代码拷来拷去，出现一个bug一堆项目都要改，实在恶心到我了。 于是不得不开始考虑将一些公共的方法 …
Continue Reading前端工程構建之談：gulp3要不要升級到Gulp4
- 2021 年 1 月 27 日
- 筆記
关于升级还是不升级，这是一个哲学问题。 gulp4的语法更加现代，支持ES6的大部分写法，使用exports的方式去暴露任务组合，更加灵活和便捷。 gulp4同时也提供了很多强大的API，例如parallel()和series()。此外，gulp4不再支持同步任务，所以可以看到编写任务的时候也不再推 …
Continue ReadingGulp4.0入門和實戰
- 2021 年 1 月 21 日
- 筆記
gulp4.0入门和实战 我最近遇到需要优化web的性能的任务，然后就捣鼓了一些对资源文件优化压缩的方案。由于之前的项目中有使用到gulp，所以在需要处理的web项目中也优先使用这个技术。 先聊聊gulp是什么？ gulp被称为基于流的自动化构建工具，也是用NodeJS编写的额。使用NodeJs对文 …
Continue ReadingGulp的安裝及用法
- 2020 年 8 月 18 日
- 筆記
1、安装淘宝镜像 npm install cnpm -g --registry=//registry.npm.taobao.org cnpm -v 2、生成项目描述文件 package.json npm init cnpm init (可代替 npm init) （需要项目名称、版本号、描述、入口文 …
Continue Reading
gulp壓縮html，css，js文件流程、監聽任務、使用gulp創建伺服器、同時運行多個任務、反向代理
- 2020 年 6 月 16 日
- 筆記
一、初始化 首先先做一个项目初始化，用来记录你项目中用到的工具 再你项目文件下打开一个控制台，输入命令 yarn init -y 进行初始化 输入命令yarn add gulp -g --- 全局安装gulp，这里我提前已经安装过了就不演示了，然后再输入命令yarn add gulp -S 局部安装 …
Continue Reading