webpack 安装

1. 安装node，npm 参数blog https://blog.csdn.net/zhuchunyan_aijia/article/details/81143516

2. npm 配置参数

新建两个文件夹用于全局存放依赖包路径，和缓存路径
npm config set prefix "C:\Program Files\nodejs\node_global"  

npm config set cache  "C:\Program Files\nodejs\node_cache"

3. 安装webpack

webpack分为全局安装，与项目安装（安装在你指定的文件夹内）

全局安装： npm install webpack -g

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

此时，打开nodejs的路径C:\Program Files\nodejs\node_global文件夹，发现多了一些东西

 

报错：

使用webpack TypeError: Cannot read property 'presetToOptions' of undefined

https://www.cnblogs.com/ronyjay/p/9377809.html

原因： 是webpack 版本问题引起的，目前最新版本的webpack需要搭配webpack-cli使用，4.x的版本也有很多不兼容的情况，建议使用3

解决方案：先卸载

sudo npm uninstall webpack -g
sudo npm uninstall webpack -d

https://blog.csdn.net/wenb1bai/article/details/80331900 

最好将项目目录下的node-modules一起删除，否则会有残留文件影响下一次的结果。

然后再重新安装，指定版本

npm install webpack@3.10.0 -g

其中遇到几个问题：

You have installed webpack-cli and webpack-command together. To work with the "webpack" command you need only one CLI package, please remove one of them or use them directly via their binary.

意思就是已经按照了webpack-cli 和 webpack-comand，需要移除其中一个

运行如下命令：

npm remove  webpack-cli 或者 npm remove webpack-command

 

报错：

"Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (57)"

https://github.com/microsoft/PartsUnlimited/issues/134

npm --depth 9999 update
npm rebuild node-sass

4. npm 安装指定webpack版本（按版本安装）

npm install webpack@3 --save-dev 

本地安装版本3的webpack，并且把配置保存到package.json的depend中，是开发依赖的

具体含义参考：https://blog.csdn.net/zhuchunyan_aijia/article/details/102681395

5. 安装成功

webpack -v

6. 还是不可以，就加上path：

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

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

PATH和NODE_PATH全部设置为：C:\Program Files\nodejs\node_global。