主流的3个工具：cp网站搭建【企鹅21717-93408】Grunt,Gulp,Webpack
其中：Grunt,Gulp是自动化构建工具
Webpack是静态资源打包工具
总的来说，如果在资源打包发布方面，webpack功能更全面，而且的版本也更新；而在自动化构建方面，现在基本都用gulp，它的性能更好；
因为gulp利用Node.js流的威力，可以快速构建项目并减少频繁的IO操作；
可以理解为：每个文件或一堆文件，他们合在一起，读取出来，就像水一样流向最终的目标；任务就像水管中的一个个的过滤器，这样可以减少频繁的IO操作，只需要一个个的过下过滤器，最终输出出来；可以更快速的构建前端代码；
开发项目之前，目录结构说明
bower_components //前端包管理器
build // 构建代码之后
dist // 产品发布的目录：部署和发布
node_modules //后台包管理器
src //源码所存放的目录
.eslintrc //eslintrc 配置文件，校验JS语法风格
.gitignore//忽略文件
gulpfile.js //gulp配置文件
package.json //配置项目依赖