安装webpack

所需工具网站：

node:https://nodejs.org/en/;

 

一：安装node.js

1.下载完node安装包后，选择安装到D盘：D:\Soft\node

安装完成后打开cmd（win+r）输入以下命令测试是否安装成功

npm -v

安装成功会出现版本号

 

2.改变原有环境变量

a:我们要配置npm的全局模块的存放路径以及cache的路径，例如我希望将以上两个文件夹放在node的主目录下，便在node下建立"node_global"及"node_cache"两个文件夹，输入以下命令改变npm配置。

npm config set prefix "D:\Soft\node\node_global"
npm config set cache "D:\Soft\node\node_cache"

 b:在系统环境变量添加系统变量NODE_PATH，输入路径D:\Soft\node\node_global\node_modules，以后所安装的模块都会安装到此路径下面。

二：安装cnpm

a:输入以下命令

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

b:输入以下命令

cnpm -v

这里会出错cnpm不是内部命令

c:添加系统变量

　　因为cnpm会被安装到D:\soft\node\node_global，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。

三：安装webpack

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