Webpack的介绍与安装

• Webpack介绍：

  Webpackhttps://www.webpackjs.com/

简单来说，Webpack是一个前端模块化打包工具。

Webpack支持前端模块化方案：AMD、CMD、CommonJS、ES6等。能够将模块化打包成浏览器可以识别的JS代码，帮助我们处理模块间的依赖关系。

在Webpack中，不仅仅是JavaScript文件，我们的CSS文件、图片、json文件等都被当做模块来管理使用。

• Webpack安装：

webpack的运行必须依赖node环境，node环境下通过npm工具管理各种包，它们三者的关系如图：

 因此，使用webpack之前必须先安装Node.js，Node.js自带了软件包管理工具npm。

cmd命令查看node版本：node -v

安装webpack(指定版本3.6.0，与vueCLI2)

全局安装（任何终端均可使用）：npm install webpack@3.6.0 -g

局部安装（package.json文件）：npm install webpack@3.6.0 --save-dev

查看版本信息：webpack -v