前端构建工具的作用

当你的文件足够多的时候, 你就可能会想 拆分文件为单个的模块, 然后在发布的时候, 对拆分后的各模块进行合并, 再根据优化规则, 尽量减小文件大小, 这时候又需要对文件进行压缩之类的操作.  再比如：当你写了一个sass文件，gulp自动监视到你文件改动，自动帮你转换css然后移动到访问目录，它还可以做自动化测试等等。

而这些构建工具,就是帮助你通过配置或者编写约定好的代码, 来自动完成你上面的这些功能的一个 工具.

webPack作用和入门http://www.w2bc.com/Article/50764

gulp快速入门http://www.gulpjs.com.cn/docs/getting-started/

目前市场上比较好的构建工具是：gulp 和 webPack，作用基本上都是一样的。