上节课中我提到了,在gulpfile中编写task编译js和sass的task。
然后在项目中使用时发现,当项目内容越写越多时,编译速度会越来越久。
看了一下编译过程。上次gulpfile中的定义是当监听文件改变时就执行编译全部js文件。
查阅资料--gulp编译加速
在出来的结果中首条信息是博客园的如何在Gulp中提高Browserify的打包速度
看了下教程没怎么明白,按照链接点击去看了他的源代码,一个文档里面写了看起来很像加速的东西,但是我并不知道怎么加到自己的项目中。
然后该教程中提到了watchify,于是就查了gulpwatchify,第一条信息是gulp中文网的
使用 watchify 加速 browserify 编译
链接地址:http://www.gulpjs.com.cn/docs/recipes/fast-browserify-builds-with-watchify/
原文内容:
当一个 browserify 项目开始变大的时候,编译打包的时间也会慢慢变得长起来。虽然开始的时候可能只需花 1 秒,然后当你的项目需要建立在一些流行的大型项目的基础上时,它很有可能就变成 30 秒了。
这就是为什么 substack 写了 watchify 的原因,一个持续监视文件的改动,并且 只重新打包必要的文件 的 browserify 打包工具。用这种方法,第一次打包的时候可能会还是会花 30 秒,但是后续的编译打包工作将一直保持在 100 毫秒以下 —— 这是一个极大的提升。
watchify 并没有一个相应的 gulp 插件,并且也不需要有:你可以使用 vinyl-source-stream 来把你的用于打包的 stream 连接到 gulp 管道中。