webpack和webpack-cli的安装和卸载删除全局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. 进⼊⽬录
json检查
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在不断更新所以我们的版本号会有点区别，不是什么问题

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。