构建工具的本质是为了简化开发难度，使开发更具有灵动性，节约开发时间 前端开发核心是 html、css、js。
前端构建工具有webpack、gulp、grund等。
前端开发目前的趋势是模块/组件化开发。那么问题来了，假如大家想要组件开发的话，势必需要分割不同的文件，如果引入的资源文件过多的话，势必会影响加载性能。通常大家写css的时候，大家会加入浏览器兼容代码，当然也有可能有遗漏，有的时候就会造成适配问题或其他的各种问题…
这时候大家的构建工具就可以起作用了，构建工具可以处理静态资源。比如压缩代码、合并代码、美化代码，同时也可以压缩一些图片等，像大家使用的postcss就可以自动的将兼容代码加入你所编写的css里面，大家使用babel将es6的JavaScript语法转化为兼容的es5的语法。这些都是为了节约开发成本，简化开发时间的功能。
