---

1. webpack介绍

webpack 可以打包所有的资源、脚本、图片、样式、表;

2. webpack的安装

2.1 安装node.js

在官网下载所需版本的node.js，下载完成选择合适的目录默认安装；安装完成后检查node.js路径是否添加PATH环境变量中，若使用node -v命令可以显示node.js版本则代表安装成功；

2.2 修改npm仓库路径

npm是node包管理和分发的工具，使用npm可以对应用的依赖进行管理，很方便的下载js库，打包文件；

npm已经集成在node.js中的，使用npm -v命令可以查看npm版本，但是我们需要重新设置下载的依赖包所存放的路径，方便管理；

系统默认存放路径是：C:/用户/[用户名]/AppData/Roming/npm/node_meodules，可以使用 npm config ls 命令查看

1. 首先我们需要在node.js的安装跟目录中新建两个文件夹 npm_modules 和 npm_cache ；
2. 使用如下两个命令修改配置路径（其中安装路径自己修改）：
   npm config set prefix “D:\develop\nodejs\npm_modules”
   npm config set cache “D:\develop\nodejs\npm_cache”
3. 再使用npm config ls 查看路径是否修改成功

2.3 安装cnpm和淘宝镜像

由于npm的服务器是在国外的，所以当我们使用默认的npm安装所需依赖时，速度往往会很慢，这里我们全局安装淘宝团队的cnpm工具和镜像，就可以从国内服务器下载依赖，命令中只需要将npm改为cnpm即可；

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后显示如下：

此时我们还有一步要完成，就是将使用的镜像指向taobao，步骤如下：

2.4 webpackage安装

本地安装：仅将webpack安装在当前项目的node_modules目录中，仅对当前项目有效。
全局安装：将webpack安装在本机，对所有项目有效，全局安装会锁定一个webpack版本，该版本可能不适用某个项目；全局安装需要添加 -g 参数。

全局安装：cnpm install webpack -g
全局安装指定版本的webpack：cnpm install [email protected] -g