1、常见的构建工具
1）webpack
2）grunt
3）gulp
4）browserify
5）fis
6）其他
2、webpack
定义：是基于模块化的打包（构建）工具，它把一切视为模块，通过一个开发时态的入口模块为起点，分析出所有的依赖关系，然后经过一系列的过程（压缩，合并），最终生成运行时态的文件；
特点：
1）为前端工程而生（工程化过程交给webpack，开发者专注于业务的开发）
2）简单易用（安装之后，可以不用写一行代码）
3）强大的生态（提供了可以扩展功能的机制，使得第三方库可以融入）
4）基于node.js（webpack构建过程中需要读取文件，因此它是运行在node环境中的）
5）基于模块化（支持各种模块化标准，包括但不限于CommonJs和ES6 Module）
安装：
webpack:核心包，包含了webpack构建过程中用到的所有api
webpack-cli:调用webpack核心包来完成构建过程
方式：全局安装和本地安装（每个项目使用自己的版本）npm i -D webpack webpack-cli
问题：WARNING in configuration，需要指定打包的环境，生产还是开发环境
npx webpack --mode=development
