关于webpack webpack-cli全局安装后找不到webpack命令的解决方案

Posted 2023-04-15

参考技术A 在gitbash或者windows自带的cmd终端全局安装webpack cnpm i webpack webpack-cli -g 后通过 webpack -v 查看webpack版本时找不到webpack命令

将全局安装的webpack路径添加到环境变量
1.增加环境变量 NODE_PATH ，值为webpack的安装目录，如 D:\nvm\v14.16.1\node_modules\gulp\bin\gulp.js
2.环境变量 Path 增加一条数据，值为webpack的安装目录，如 D:\nvm\v14.16.1\node_modules\gulp\bin\gulp.js
3.执行 webpack -v 即可看到版本情况

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

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

# 注释给我这种小白提供参考

# 卸载 uninstall 可以简写成 un 

# 全局 -g 的完整写法是 --global

# 现在问题来了这样真的卸载了webpack-cli吗？

# 答案是没有。到现在为止我还没有发现那个webpack-cli是全局安装的，至少官方文档没看到。

# 那就看下面怎么删除局部webpack-cli

接下来让我告诉你安装webpack4.+的正确方式

其实官方文档说的很清楚了，但是有点细节要注意。

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

2、进入目录

3、创建package.json文件

4、安装webpack

# 要安装最新版本或特定版本，请运行以下命令之一：

# 第一个安装方式默认安装最新版本

# 第二个安装方式是安装你需要的版本

5、安装webpack-cli

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

6、检查webpack是否安装成功

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