如何正确彻底删除webpack 全局或是局部？

Question

这个那问题很重要如何安全的安装webpack ，卸载webpack。主要是为了防止玩webpack玩坏了还可以从西再来，请老司机带个路,晚上回去可能要从做系统了😄

刚入门

看着文档全局安装webpack4.x，

npm install --global webpack 

顺带也安装了webpack-cli

npm install --save-dev webpack-cli

检查版本

webpack -v

输出内容是 4.10.2

当时感觉非常nice

---

问题是我又考虑练手问题 直接

rm -rf  node_modules package-lock.json

现在问题来了 我继续安装了webpack

lifedeMBP:Documents life$ webpack
-bash: /Users/life/.nvm/versions/node/v10.3.0/bin/webpack: No such file or directory
lifedeMBP:Documents life$ npm install --global webpack
/Users/life/.nvm/versions/node/v10.3.0/bin/webpack -> /Users/life/.nvm/versions/node/v10.3.0/lib/node_modules/webpack/bin/webpack.js

> fsevents@1.2.4 install /Users/life/.nvm/versions/node/v10.3.0/lib/node_modules/webpack/node_modules/fsevents
> node install

[fsevents] Success: "/Users/life/.nvm/versions/node/v10.3.0/lib/node_modules/webpack/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node" already installed
Pass --update-binary to reinstall or --build-from-source to recompile
+ webpack@4.11.0
added 387 packages from 296 contributors in 71.214s
lifedeMBP:Documents life$ webpack
One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:
 - webpack-cli (https://github.com/webpack/webpack-cli)
   The original webpack full-featured CLI.
 - webpack-command (https://github.com/webpack-contrib/webpack-command)
   A lightweight, opinionated webpack CLI.
We will use "npm" to install the CLI via "npm install -D".
Which one do you like to install (webpack-cli/webpack-command):
webpack-cli
Installing 'webpack-cli' (running 'npm install -D webpack-cli')...
npm WARN saveError ENOENT: no such file or directory, open '/Users/life/Documents/package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open '/Users/life/Documents/package.json'
npm WARN webpack-cli@3.0.2 requires a peer of webpack@^4.x.x but none is installed. You must install peer dependencies yourself.
npm WARN Documents No description
npm WARN Documents No repository field.
npm WARN Documents No README data
npm WARN Documents No license field.

+ webpack-cli@3.0.2
added 105 packages from 44 contributors and audited 143 packages in 25.231s
found 0 vulnerabilities

{ Error: Cannot find module 'webpack-cli'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:594:15)
    at Function.Module._load (internal/modules/cjs/loader.js:520:25)
    at Module.require (internal/modules/cjs/loader.js:650:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at runCommand.then (/Users/life/.nvm/versions/node/v10.3.0/lib/node_modules/webpack/bin/webpack.js:149:5)
    at process._tickCallback (internal/process/next_tick.js:68:7) code: 'MODULE_NOT_FOUND' }
lifedeMBP:Documents life$ 

开个玩笑（我在想我是不是要给mac从新做个系统）

Answer 1

删除全局webpack-cli

webpack4.x开始官方文档是说要安装cli所以如果的在用4.+就需要卸载cli

npm uninstall -g webpack-cli
# 注释给我这种小白提供参考
# 卸载 uninstall  可以简写成 un  
# 全局 -g 的完整写法是 --global
# 现在问题来了这样真的卸载了webpack-cli吗？
# 答案是没有。到现在为止我还没有发现那个webpack-cli是全局安装的，至少官方文档没看到。
# 那就看下面怎么删除局部webpack-cli

删除本地（局部）webpack-cli

npm uninstall webpack-cli
# 仔细看你会发现去掉全局参数 -g
# 这时候你的命令行会快速滚动一些删除信息。
# webpack-cli删除成功

删除全局webpack

npm uninstall -g webpack
# 这个注释还是给小白看的
# 为什么要局部全局删除webpack
# 因为你可能在安装webpack时不确定自己是全局安装
# 还是本地安装，所以建议先执行全局删除命令
# 然后在执行下面的本地删除命令

删除本地webpack

npm un webpack
# 这时候小白的webpack是删除完成了
# 还没完看下面怎么说

检查webpack残余文件

ls
# 用ls命令查看一下是否有这几个文件
# node_modules
# package-lock.json
# package.json
# 有是最好的，如果没有那你可能还没找到自己本地安装webpack的准确位置
# 有时候我也找不到了
# 现在说有的事
rm -rf node_modules package-lock.json package.json
# 上面这行命令是删除这些文件的意思
# 同学你的webpack 彻底删除干净了
# 但是小白一定要好好去了解一下 rm 和 rm -rf 的区别，在这里我不科普怕说错。

安装webpack

接下来让我告诉你安装webpack4.+的正确方式
其实官方文档说的很清楚了，但是有点细节要注意。

1. 创建一个新的本地项目目录名为webpack-demo

   mkdir webpack-demo

2. 进入目录

   cd webpack-demo

3. 创建package.json文件

   npm init -y

4. 安装webpack

   # 要安装最新版本或特定版本，请运行以下命令之一：
   # 第一个安装方式默认安装最新版本
   npm install --save-dev webpack
   # 第二个安装方式是安装你需要的版本
   npm install --save-dev webpack@<version>
   

5. 安装webpack-cli

   npm install --save-dev webpack-cli
   # 不要忘记webpack4.+开始webpack-cli是必备的哦

6. 检查webpack是否安装成功

   node_modules/.bin/webpack -v
   # 执行了这个命令以后会输出一个版本号
   # 我的是4.11.1,因为webpack在不断更新所以我们的版本号会有点区别，不是什么问题

   

好了webpack的卸载和安装就到这了，喜欢我的可以点一个关注。我是一个喜欢编程的小白
千日醉兰