webpack安装教程

百度教程：https://jingyan.baidu.com/article/a3a3f811230ee58da3eb8a6e.html

1、安装node.js;

https://jingyan.baidu.com/article/375c8e19f2918b25f2a22982.html

安装完成后可以通过命令行工具：node -v查看是否安装成功。node.js自带npm，所以node.js安装完成后，不需要再安装npm；输入命令【npm -v】，可查看当前npm的版本

2、创建配置文件【package.json】;

https://jingyan.baidu.com/article/48a420571e8175a924250494.html

(1)、通过命令提示符，打开存放【package.json】的文件夹;

(2)、输入npm命令：【npm init -y】创建默认配置文件package.json;

3、安装webpack：【npm install webpack --save-dev】；

怎么进入指定盘的指定文件夹？

答：

 安装webpack完成后通过输入命令【webpack -v】，查看当前webpack的版本信息，得到提示：不是内部或外部命令……，因为webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli，所以还需要安装webpack-cli；

4、安装webpack-cli:

1. 输入命令【npm install --save-dev  webpack-cli】
2. 然后在输入命令【webpack -v】，按回车键，得到提示：不是内部或外部命令……，说明webpack还是没有安装成功
3. 输入命令【npm install --global webpack】，按回车键；然后在输入命令【webpack -v】，按回车键，依然没有出现webpack的版本信息，
4. 就继续输入命令【npm install --global webpack-cli】，按回车键；然后在输入命令【webpack -v】，按回车键，出现webpack的版本，就说明安装成功，