webpack等构建工具

【能够将开发代码转换为生产代码的工具称为构建工具】

webpack：是前端模块化方案，侧重模块打包。可以使用NPM打包

把开发中所有资源都看成模块，通过配置 loader 和 插件对资源进行处理。实现团队开发项目目录的统一

 

其他构建工具：

Gulp：调前端开发的流程，需要进行很多配置。适合打包一些轻量化的任务，比如单独打包css文件

webpack ：是把项目当作一个整体，通过一个给定的的主文件，webpack将从这个文件开始找到你 的项 目的所有依赖文件，使用 loaders 处理它们，后打包成一个或多个浏览器可识别的 js 文件