React入门教程第三课--gulp编译优化

上节课中我提到了，在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 管道中。