Webpack安装配置（windows环境）

前置条件

1.Node 环境
2.npm Node.js的包管理工具（package manager）
3.cnpm 淘宝镜像包（npm install cnpm -g --registry=https://registry.npm.taobao.org）
当你使用npm命令下载包的报错的时候cnpm或许是你更好的选择哦！

开始

使用之前可以参考 webpack中文官网地址，了解webpack概念及安装过程。

1.更改 Node 环境变量地址

环境变量原地址：

　　node安装目录

如：

　　 node环境变量1.png

以上配置当你安装webpack之后会安装到用户目录下，无法全局使用，即使你选择的是按照模式是全局按照：

npm install webpack -g　

所以我们要先配置好全局目录，废话不多说开始创建我们的node全局缓存目录和全局引用目录：

cd node安装目录
md node_cache
md node_global
npm config set cache  "node安装目录\node_cache"
npm config set prefix "node安装目录\node_global"

npm config 命令可以自行在cmd命令行查看。然后就是修改环境变量地址：

　　 node环境变量2.png

2.安装webpack

以下步骤可以直接参考官网安装。
　　本人安装选择的全局安装，本机环境都可使用，开始吧。

cnpm install webpack -g
cnpm install webpack-cli -g

安装webpack和webpack-cli，我选择的cnpm，如果你的环境npm安装报错你也可以使用cnpm，大家自行选择。
　　安装完成之后打开cmd输入以下命令，查看是否安装成功：

webpack -v
webpack-cli -v

webpack版本查看.png

任意目录执行都可查看到webpack版本说明全局安装成功，同时也可以打开第一步创建的文件夹node_global，会发现webpack.cmd和webpack-cli.cmd。

---

最后，小伙伴就可以使用webpack来构建自己的项目了。