完全卸载webpack和npm

注：本文是以测试er的角度来执行的各种操作，可能对开发小伙伴没什么太多的帮助。。。
之前挣扎很久安装原生npm失败，只好用淘宝源安装了npm和webpack，最近开发新引用了一个依赖，需要重新编译npm，结果，脆弱的平衡被打破，各种报错，彻底不能发版更新了。。。
痛定思痛，我决定彻底卸载从淘宝源安装的npm、webpack和webpack-cli，安装原生npm和webpack。没想到，光卸载就遇到很多问题。。。

---

先缕一下思路

提前声明，我的系统是MacOS。
好了，我们先来缕一下。假设我们要安装webpack，那我们进行安装的流程大概是：系统级的环境准备、软件级的环境准备、工具安装，也就是先安装node.js、npm、webpack-cli，最后安装webpack，安装webpack-cli和webpack的时候，要注意先做全局安装，再做本地安装。
所以呢，我们卸载的顺序就是：本地卸载webpack、全局卸载webpack、本地卸载webpack-cli、全局卸载webpack-cli、卸载npm。如果中途遇到问题报错，在哪里遇到的问题在哪里解决就好。

---

卸载webpack

本地卸载webpack

本地安装webpack时，你已经把webpack安装到了你本地项目目录下（目录中有package.json文件的那个目录），所以卸载操作也应在这个项目目录下。
打开终端，到你的项目目录下，执行命令：

# sudo表示超级管理员权限
# 我是用淘宝源安装的npm，所以我的npm命令都是cnpm
sudo cnpm uninstall webpack

执行完命令后如果没有报错（火红的error），多半就是卸载成功了，再到你的项目目录下的package.json文件中去看一下，对webpack的引用是否已经没有了

如果卸载成功，上图中画红框框的项就没有了。

---

全局卸载webpack

命令行中输入cd退出项目目录，我们开始全局卸载webpack啦
输入命令：

sudo cnpm uninstall webpack -g

运行结果：

这个时候，在终端中输入:

webpack -v

就会提示没有这个命令，到此，webpack卸载成功。

---

卸载webpack-cli

本地卸载webpack-cli

本地卸载的套路是一样的，到本地项目目录下，执行命令：

sudo cnpm uninstall webpack-cli

执行完命令会有warning，但并不会影响命令运行结果

再检查package.json文件，这时对webpack-cli的引用应该已经没有了。

---

全局卸载webpack-cli

cd退出项目目录，执行命令：

sudo cnpm uninstall -g webpack-cli

执行命令结果会有warning，可以忽略
额，不好意思，这个地方忘记截图了。。。

---

我遇到的错误

我在执行卸载命令的时候整个大脑是冲动而逻辑混乱的，先执行的是webpack-cli全局卸载，这个操作很成功，然后再去卸载本地webpack-cli的时候就有报错：

错误大致是因为找不到chrome-trace-event文件，但我根据提示路径找到了这个文件，只好尝试在项目中安装了多次该文件，又全局安装了多次，都没有解决问题。最后，我心一横，直接把这个文件卸载，重新安装，竟然解决了问题。
重点来了，测试小伙伴们，在项目目录下删除了什么文件（尤其是公司项目）之后一定别忘记后续操作就直接提交，这样会坑了其他人。至于后续操作嘛，把删除的文件给备份再补上，或者像我一样简单粗暴，强制与服务器对齐。

---

卸载npm

上面的webpack和webpack-cli都卸载好了，终于轮到npm卸载了，执行命令：

# 卸载命令
sudo cnpm uninstall cnpm -g
# 检查卸载是否成功
npm -v

命令执行完还会返回npm的版本号，证明我们的npm并没有成功卸载掉

换个方法卸载npm：
先进入到npm的安装目录/usr/local/lib/node_modules/npm，再执行下面的命令：

sudo make uninstall

运行结果：

到此，webpack和npm的卸载就完成了，如果我写的内容有什么不妥的地方还欢迎小伙伴们指正~