当你的文件足够多的时候, 你就可能会想 拆分文件为单个的模块, 然后在发布的时候, 对拆分后的各模块进行合并, 再根据优化规则, 尽量减小文件大小, 这时候又需要对文件进行压缩之类的操作. 再比如:当你写了一个sass文件,gulp自动监视到你文件改动,自动帮你转换css然后移动到访问目录,它还可以做自动化测试等等。
而这些构建工具,就是帮助你通过配置或者编写约定好的代码, 来自动完成你上面的这些功能的一个 工具.
webPack作用和入门http://www.w2bc.com/Article/50764
gulp快速入门http://www.gulpjs.com.cn/docs/getting-started/
目前市场上比较好的构建工具是:gulp 和 webPack,作用基本上都是一样的。