前端代码构建工具初识

构建工具的用途：

代码转换、文件优化、代码分割、模块合并、代码检查等 自动化。

常用 构建工具 有如下：

npm script  
node自带功能，即 package.json 里 scripts 定义的命令。
优点是内置，但太简单。

grunt
npm script 的进化版，但集成度不高。

gulp
grunt的加强版，引入了流的概念，可以在 插件间传递。
缺点也是集成度不高

webpack
集成度很高，社区庞大
缺点是 只能用于模块化开发的项目    模块化开发的 即使用模块化规范的入口文件

详细对比 参看链接：

http://webpack.wuhaolin.cn/1%E5%85%A5%E9%97%A8/1-2%E5%B8%B8%E8%A7%81%E7%9A%84%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E5%8F%8A%E5%AF%B9%E6%AF%94.html