webpack坑系列--安装webpack-cli

摘要:
尝试全局安装webpack-cli。如果成功执行了webpack h,将不会提示您再次安装webpack cli。这意味着在全局安装cli之前,webpack找不到webpack命令。为什么在以前的版本中没有发生这种情况?在线搜索参考问题https://stackoverflow.com/que...有人提到,在webpack3中,webpack本身和它的CLI曾经位于同一个包中,但在版本4中,它们将它们分开以更好地管理它们。

综下所述:

还是装3.11.0版本吧

cnpm i webpack@3.11.0 -D

最近在学习webpack过程中,根据官方文档推荐局部安装webpack,执行webpack -h命令出现以下提示

clipboard.png

npm install webpack-cli -D提示在开发环境中局部安装webpack-cli
成功安装webpack-cli后,运行webpack -h还是提示
clipboard.png

说明webpack命令还是没有成功执行
不知道什么情况在package.json文件中,显示webpack和webpack-cli已经成功引用

clipboard.png

在node_modules中也包含了这两个包

clipboard.png

在网上搜索答案中发现

clipboard.png

在webpack 3中,webpack本身和它的CLI以前都是在同一个包中,但在第4版中,他们已经将两者分开来更好地管理它们。
尝试全局安装webpack-cli

clipboard.png

执行webpack -h成功执行就不再提示安装webpack-cli

clipboard.png

说明全局安装cli之前webpack寻找不到webpack命令,在以前的版本不会出现这种情况是为什么呢?在网上搜索参考问题中
https://stackoverflow.com/que...
有人提到,在webpack 3中,webpack本身和它的CLI以前都是在同一个包中,但在第4版中,他们已经将两者分开来更好地管理它们。
官方文档中推荐本地安装并且提示,当你在本地安装 webpack 后,你能够从 node_modules/.bin/webpack 访问它的 bin 版本。
我把webpack-cli全局安装卸载掉,然后进入路径node_modules/.bin/webpack就可以执行了,如下:

clipboard.png

这就意味着如果你webpack和webpack-cli是局部安装的,想要使用webpack命令必须进入node_modules/.bin/webpack才能执行webpack命令,.bin目录包含的是一系列可以执行的命令,但是如果你是全局安装的webpack-cli,就不需要进入bin目录,webpack就能够寻找到它的命令路径了,以上是我的个人总结。

免责声明:文章转载自《webpack坑系列--安装webpack-cli》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇使用NPOI读取Excel出错Maya2018 警告: VP 2.0 渲染器无法渲染。切换到默认渲染模式下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

访问ActiveMQ前台界面

1、关闭windows防火墙 根据自己是win7还是win10百度如何关闭Windows防火墙,这里不做过多赘述. 2、关闭Linux防火墙(查看Linux防火墙是否关闭,如果未关闭,按照下列方法进行关闭(CentOS6.8).) // 使用sudo service iptables status命令来查看防火墙的状态 [root@CentOS64 bin...

如何在Ubuntu 20.04上安装Apache ZooKeeper

ZooKeeper是Apache软件基金会的一个软件项目,它提供了一个用于构建分布式应用的高性能共享数据服务。它被一个集群用来维护共享数据,并采用强大的同步技术。它提供了一个简单的接口,用于管理配置信息、命名、分布式同步和提供组服务。在本文中,我们将向您展示如何在Ubuntu 20.04服务器上安装Apache ZooKeeper。先决条件一台运行Ubun...

vs的多工程配置概述(转)

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ date:2018.07.17 转自:My Repository 虚拟解决方案:GMA 包含:动态链接库项目ChocolateMilk    应用程序项目Pur...

Shell 教程

Shell 教程 Shell 是一个用 C 语言编写的程序,它是用户使用 Linux 的桥梁。Shell 既是一种命令语言,又是一种程序设计语言。 Shell 是指一种应用程序,这个应用程序提供了一个界面,用户通过这个界面访问操作系统内核的服务。 Ken Thompson 的 sh 是第一种 Unix Shell,Windows Explorer 是一个典...

#学习分享#开发基础知识之前端测试(一)

前言:本文用于2018/1/30晚内部分享。主题:前端单元测试 正文: 一、思考 我的目标是,如何浅入本次的主题,让愿意接收陌生信号的“对象”快速简单的get到信号,并且对本次分享产生一个小兴趣。 二、What     本章节主要讲述前端单元测试做什么,vue单元测试做什么。   (1) 基础概念 测试的概念:测试是检测你的应用代码(也叫“生产代码”)...

在Kali Linux中下载工具Stegsolve

关键字:Java,Stegsolve,Write Up 一、首先需要配置Java环境。 1.下载最新的Java JDK。 注意选择Accept License Agreement,并下载.tar.gz格式的文件。 2.打开命令行。切换到下载的文件所在路径后 使用以下指令解压缩文件并切换到/opt路径。(注意:jdk-12为我下载的版本,应以自己下载版本为准...