webpack简述

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 webpack@3.6.0 -g