一、安装node.js。因为webpack依赖node.js

1.官网https://nodejs.org/en/download/下载对应你系统的Node.js版本。推荐下载LTS版本

2.按默认安装即可

3.cmd查看node.js版本

node -v

4.node.js自带npm

● cmd查看npm版本

npm -v

● 查看npm配置信息。如下载的js包存放位置

npm config ls

● 更改下载的包的存放位置

1)在某一目录下建npm_modules和npm_cache目录。建议在node.js的安装目录下建

2)更改存放位置

npm config set prefix "E:\nodejs\npm_modules"npm config set cache "E:\nodejs\npm_cache"

● 安装cnpm（可选）。安装后可使用国内镜像仓库

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

● 查看cnpm版本

cnpm -v

● 查看cnpm当前使用镜像

nrm ls

● 更改当前镜像

nrm use XXX（如：taobao）

● 如果没有nrm需要安装

cnpm install -g nrm

 

二、安装webpack

1.webpack安装分为本地安装和全局安装，安装建议带上版本：

● 本地安装：因为项目和项目所用的webpack的版本不一样。本地安装会将webpack的js包下载到项目下的npm_modeuls目录下，仅对当前项目有效。

1)在门户目录下创建webpack测试目录webpacktest01

2)执行安装

npm（或cnpm） install --save-dev webpack@3.6.0npm install --save-dev webpack-cli (4.0以后的版本需要安装webpack-cli)

 

● 全局安装：全局安装会将webpack的js包下载到npm的包路径下，对所有项目有效，会锁定一个webpack版本，该版本可能不适用某个 项目。需要添加 -g 参数。

npm（或cnpm） install webpack -g npm（或cnpm） install webpack-cli -g

2.添加环境变量