windows下使用webpack的完美解决方案教程
之前一直在linux下使用node.js以及webpack，因为我的ubuntu kylin是装在虚拟机上的，最近使用webpack的细节的东西比较多，就想搞在windows上，不搞不知道，简直头疼死我了。
主要是webpack（或者其他的modules）。
零、windows下配置npm
node.js以及npm就不多说了，windows直接安装即可.
不建议安装在C盘，当然如果 node\_global 和 node\_cache 不在C盘就无所谓了。
安装成功后，会加一个PATH，这样子可以直接在cmd中使用命令：
<pre class="line-numbers language-bash">```bash
$ node -v
$ npm -v来查看版本号，如果这个都无法运行，那一定是PATH出了问题，可以卸载重装。
- 所有的命令都在cmd跑就OK
配置NPM
1. 配置使用淘宝镜像
一般我不习惯使用cnpm，而且本文的问题没解决之前，也不能使用cnpm，直接将npm的镜像配置成淘宝的就行了。
<pre class="line-numbers language-bash">```bash
# 配置淘宝镜像
$ npm config set registry https://registry.npm.taobao.org
# 可以使用 npm config get registry查看当前的配置2. 配置node\_global和node\_cache
- 一般我选择在安装目录下建立 node\_global 和 node\_cache 两个文件夹
- 在 node\_global 中建立 node\_modules 文件夹
- 下面的命令使用的是完整的路径 X:/xxxxx/xxxxx/node\_global
<pre class="line-numbers language-bash">```bash
# npm配置node_global和noed_cache
$ npm config set prefix "X:/XXXX/XXX/node_global"
$ npm config set cache "X:/XXXX/XXX/node_cache"一、问题
（前提：node以及npm都能使用且已经配置好了）
- 在一个文件夹下创建一个目录，如 webpack\_test
- 进入该目录并且运行cmd
- 初始化
<pre class="line-numbers language-bash">```bash
$ npm init- 局部安装webpack,并一路回车
<pre class="line-numbers language-bash">```bash
$ npm install webpack --save-dev上面操作执行后，会出现 node\_modules 以及 package.json两个文件
- 创建 hello.js 文件，随便写点儿东西
- 打包hello.js
<pre class="line-numbers language-bash">```bash
$ webpack hello.js hello.bundle.js 问题出现在这里，会提示你 webpack不是内部命令
然后网上有人说需要全局安装 webpack
- 全局安装webpack
<pre class="line-numbers language-bash">```bash
$ npm install webpack -g安装成功后，再次执行webpack命令，发现依旧无法运行，而网上的诸多所谓解决就没下文了
二、原因
出现问题的原因网上很多所谓的方案都有说，其实也很明确，出现命令无法运行，而且已经全局安装了，一定是path的原因
path出错的根本原因是：
全局安装的 node\_modules (就是上面在 node\_global 中创建的文件夹)没有正确的加入path
所以跑什么都跑不来。
三、解决
知道了问题所在就好办了，直接将 node\_global/node\_modules 加入path即可。
为了以后重装方面，多添加一个系统变量。
(不知道如何打开和配置环境/系统变量的出门左转百度)
1. 创建系统变量 NODE\_PATH,将上面的完整的node\_modules目录加入
2. 将NODE\_PATH加入系统变量的Path
- 后面拼接 ;%NODE\_PATH%;
- 如果前面已经有了分号，则前面的分号不需要
3.确定后重启CMD，再次执行webpack就不会提示不是内部命令
4.对hello.js的打包也没问题
