gulp作为一个打包工具，我们首先关注的肯定是如何将前端项目中的基本文件，js，html，css这些，且代码经过合并压缩之后文件之间泾渭分明，这样才是合理的gulp打包方式。那么gulp的完整打包过程又是怎样的呢？
一、按需引入我们需要的gulp插件
一般来说，gulp、jshint、lazypipe、sass、uglify、runSequence、tinylr等插件是必须的，jshint是用来检查js语法规范等，uglify用来压缩代码，lazypipe可以将我们使用的很多js管道分离到一个工厂，这个工厂可以在任意多的任务中重用，tinylr则可以帮助我们更好的建立本地服务。
二、针对html、js、css定义自己的文件路径
这一部比较好理解，就是将项目中的所有文件路径塞到这三个变量中去，方便后面建立任务中对文件流的获取。
三、建立任务
项目我们一般分为开发、测试还有正式环境，所以针对不同的版本，我们要建立不同的任务，去打包不同的版本。一般我们会在src的config目录下建立dev和prod的json文件，再建立任务打包不同的版本。
如果要使项目能做到及时刷新，就需要browserSync插件，帮忙实现及时刷新。
网友评论