webpack最新安装

1.首先应该先安装node.js

网址：https://nodejs.org/zh-cn/

最好选择如图所圈出来的长期维护版，它比较稳定。

在你安装好了后，可通过命令提示符来检测。

打开命令提示符之后，输入：node -v 

出现如图所示的版本号（可能版本号不一样），就是安装成功了：

接下来就是配置环境

在node.js所在的文件夹中创建两个文件夹分别为：

node_global

node_cache

然后在命令提示符中分别输入：

npm config set prefix "E:\node.js\node_global"

npm config set cache "E:\node.js\node_cache"

前者引号中填写的是node_global文件夹在计算机中的路径，后者是node_cache路径。注意：在路径前面的引号前必须加空格。

接下来打开系统中的高级系统设置中的环境变量：

在用户变量下打开path，在“编辑环境变量”中，单击“创建”按钮填写如图所示node_global的路径：

在系统变量中 ，单击“创建”按钮，创建一个如图所示的系统变量：

然后在系统变量中打开path，创建一个如图所示的环境变量（名字与创建的系统变量一致）：

最后在命令提示符中输入：npm -v

出现版本号就表示配置成功。

2.安装淘宝镜像cnpm(在这里推荐安装这种:速度比较快)

在命令提示符中输入：

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

用 cnpm -v 可以检测时候成功，出现如图所示就表示安装成功了。

3.安装webpack 

在命令提示符中输入：

cnpm npm install webpack -g

用 webpack -v 测试，出现版本号就表示安装成功了。

4.安装webpack-cli

在webpack3中，你安装了webpack就不用安装webpack-cli。因为安装了webpack，webpack-cli也就一起安装上了。

在webpack4之后，它们两就分离开来了，需要各自安装。

在命令提示符中输入：

cnpm install webpack webpack-cli -g

用 webpack -v 测试，出现版本号就表示安装成功了。