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