安装webpack遇到的坑

安装webpack遇到问题
最近在安装webpack过程中,根据官方文档推荐局部安装webpack,执行webpack -h命令出现以下提示
在这里插入图片描述
npm install webpack-cli -D提示在开发环境中局部安装webpack-cli
成功安装webpack-cli后,运行webpack -h还是提示
在这里插入图片描述
说明webpack命令还是没有成功执行
不知道什么情况在package.json文件中,显示webpack和webpack-cli已经成功引用
在这里插入图片描述
在node_modules中也包含了这两个包
在这里插入图片描述
在网上搜索答案中发现
在这里插入图片描述
在webpack 3中,webpack本身和它的CLI以前都是在同一个包中,但在第4版中,他们已经将两者分开来更好地管理它们。
尝试全局安装webpack-cli在这里插入图片描述
执行webpack -h成功执行就不再提示安装webpack-cli
说明全局安装cli之前webpack寻找不到webpack命令,在以前的版本不会出现这种情况是为什么呢?在网上搜索在这里插入图片描述
说明全局安装cli之前webpack寻找不到webpack命令,在以前的版本不会出现这种情况是为什么呢?在网上搜索,有人提到,在webpack 3中,webpack本身和它的CLI以前都是在同一个包中,但在第4版中,他们已经将两者分开来更好地管理它们。
官方文档中推荐本地安装并且提示,当你在本地安装 webpack 后,你能够从 node_modules/.bin/webpack 访问它的 bin 版本。
我把webpack-cli全局安装卸载掉,然后进入路径node_modules/.bin/webpack就可以执行了,如下:
在这里插入图片描述
这就意味着如果你webpack和webpack-cli是局部安装的,想要使用webpack命令必须进入node_modules/.bin/webpack才能执行webpack命令,.bin目录包含的是一系列可以执行的命令,但是如果你是全局安装的webpack-cli,就不需要进入bin目录,webpack就能够寻找到它的命令路径了。

解决小结:1.webpack装3.11.0版本
2.全局安装的webpack-cli、 webpack

版权声明:本文为博客园(cnblogs)博主[fanyee]的原创文章,遵循CC
4.0 BY-SA版权协议,附上原文出处链接及本声明。
原文链接:https://segmentfault.com/a/1190000020253015

参考文章:https://blog.csdn.net/cecoal/article/details/105960991

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值