1. webpack
- webpack 就是一个 JavaScript 的静态模块打包工具。
2. 目前市场上的打包工具
- grunt
- gulp
- webpack
- rollup
其实 Vue 的源码就是基于 rollup 来构建的。
3. 前端模块化
-
底层支撑：
在 webpack 中，可以使用 commonJS、AMD、CMD、ES6 打包工具，但是最终打包的文件中并不会有这些代码，而会转换成大多数浏览器所支持的。 -
webpack 还会自动帮助我们处理各个模块之间的依赖关系，也就是各个文件之间的导入导出。
-
webpack 中，不仅 JavaScript 文件会当成模块，CSS、json、图片等文件都会当成模块。
4. webpack 依赖于 node 环境
-
node 环境为了正常执行各种代码，需要包含各种包（Node 环境也有很多依赖包）。
-
如果我们手动管理 Node 中的各种包，这无疑是一项巨大的工程。
-
所以，一般在安装 Node 的时候，会自动安装 npm（Node package manager） 工具，帮助我们管理 Node 下的各种包。
-
node -v查看版本号
5. 安装 webpack
-
安装 3.6.0 版本的 webpack，因为 Vue CLI2.0 使用的就是这个版本的 webpack。
-
npm install [email protected] -g