webpack的安装教程

webpack的安装教程

一.下载并安装Node.js

1.进入中文官网：http://nodejs.cn/

2.根据电脑的系统下载相应的安装包：

3.安装nodejs

 

4.检验是否安装上

 

进入“命令提示符”界面，输入 node -v, Enter 下面会出现你所安装的Node的版本，此时安装成功

 

二.安装webpack

1.配置环境

(1).配置文件夹

我的nodejs默认安装路径为H:\NodeJS

在H:\NodeJS文件夹下新建2个文件夹用于全局存放依赖包路径和缓存路径

缓存H:\NodeJS\node_cache

存放H:\NodeJS\node_global

文件夹创建完成后打开命令行输入如下命令 配置路径：

npm config set cache "H:\NodeJS\node_cache"

回车

输入： npm config set prefix "H:\NodeJS\node_global" 回车

（输入指令后，命令行闪一下，不会有任何提示）

(2).安装webpack

webpack分为全局安装，与项目安装（安装在你指定的文件夹内），我这里使用的是全局安装

启动cmd，键入如下的命令：

npm install webpack -g

点击回车，会有一个进度条，等待进度条完成后，(具体信息可能有差别，但是只要不出现error说明安装成功)。

 

 

安装成功后会显示以上样式

此时，打开nodejs的路径H:\NodeJS\node_global文件夹，发现多了一些东西：

 

(3). 环境变量配置

我的电脑——右键属性——高级系统设置——高级———环境变量

分别新建用户变量PATH和系统变量NODE_PATH

PATH：

 

 

NODE_PATH：(如果没有则新建一个)

 

 

2.安装 webpack-cli

在“命令提示符”界面输入npm install webpack-cli -g 回车

 

查看webpack版本：webpack -v

 

完成安装

 

离线教程下载链接：https://pan.baidu.com/s/17v0k6TKqXGMNwI1Gi26qiA 提取码：72f4