webpack命令不起作用

Node.js的 Webpack

番长猴子

2020-03-23

我是Node Js和Webpack的新手。我试图用模块加载器启动一个项目。

首先,我安装了nodeJs和NPM并创建了一个名为的新目录tutorial我使用命令提示符来cd到此目录,然后运行以下命令npm init,然后npm使用以下命令安装webpack

npm install -S webpack

第一个命令将webpack本地安装到项目的“ node-modules”目录下,并且我可以通过以下方式运行我的项目:

nodejs node-modules/webpack/bin/webpack.js

问题是我必须将webpack.config.js文件放置在该目录中,并将其放置在项目根目录中。

解决此问题的一种方法是使用以下命令在我的机器上全局安装webpack:

npm install -g webpack

此安装了Webpack,现在我有一个Webpack命令。但是,此命令似乎根本不起作用或什么也没做。当我尝试从项目的根目录Directroy运行此程序时,它什么也不做(请参见屏幕截图)

在此处输入图片说明

请告诉我我做错了!!

第3025篇《webpack命令不起作用》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

7个回答
村村 2020.03.23

实际上,前一段时间我遇到了此错误。据我所知,有两种方法可以使它起作用。

  1. 由于某些Webpack错误,服务器不会更新index.js中所做的更改。因此,重新启动服务器。
  2. 更新您的node.js将有助于避免此类问题。
卡卡西西里 2020.03.23
npm i webpack -g

在系统上全局安装webpack,使其在终端窗口中可用。

JinJin宝儿 2020.03.23

您可以运行npx webpackNode 8.2 / npm 5.2.0或更高版本附带的npx命令运行webpack软件包的webpack二进制文件(./node_modules/.bin/webpack)。信息来源:https : //webpack.js.org/guides/getting-started/

2020.03.23

我必须重新安装webpack才能使其与本地版本的webpack一起使用,例如:

$ npm uninstall webpack
$ npm i -D webpack
猴子村村 2020.03.23

最快的方法就是从另一个位置使用Web Pack,这将使您不必全局安装它,否则将npm run webpack失败。

使用npm安装webpack时,它将进入node_modules\.bin项目的“ ”文件夹。

在命令提示符下(以管理员身份)

  1. 转到webpack.config.js所在项目的位置。
  2. 在命令提示符下输入以下内容
"C:\Users\..\ProjectName\node_modules\.bin\webpack" --config webpack.config.vendor.js
老丝阿飞 2020.03.23

使用-g选项安装webpack会将webpack安装在以下文件夹中

C:\ Users \ <。profileusername。> \ AppData \ Roaming \ npm \ node_modules

与webpack-cli和webpack-dev-server相同

在全局node_modules之外,创建了一个用于从命令行运行webpack的链接

C:\ Users \ <。profileusername。> \ AppData \ Roaming \ npm

为了在本地进行这项工作,我做了以下工作

  1. 将全局node_modules中的webpack文件夹重命名为_old
  2. 在项目内本地安装webpack
  3. 编辑了命令链接webpack.cmd并指向webpack.js以查看我的应用程序中的本地node_modules文件夹

这种方法的问题是您必须维护每个项目的链接。没有其他方法,因为使用-g选项安装时使用命令行编辑器运行webpack命令。

因此,如果您的proj1,proj2和proj3都安装了它们的本地node_modules和本地webpack(安装时不使用-g),那么您将不得不创建非通用链接名称,而不仅仅是Webpack。

这里的示例将是创建webpack_proj1.cmd,webpack_proj2.cmd和webpack_proj3.cmd, 并在每个cmd中遵循上面的点2和3

PS:别忘了用这些更改来更新您的package.json,否则您将收到错误消息,因为它将找不到webpack命令

Mandy梅Green 2020.03.23

webpack不仅在您的node-modules/webpack/bin/目录中,而且还链接到中node_modules/.bin

您具有npm bin命令来获取npm将在其中安装可执行文件的文件夹。

您可以使用您的scripts属性package.json来使用将从此目录导出的webpack。

"scripts": {
  "scriptName": "webpack --config etc..."
}

例如:

"scripts": {
  "build": "webpack --config webpack.config.js"
}

然后可以使用以下命令运行它:

npm run build

甚至带有参数:

npm run build -- <args>

这使您可以将您webpack.config.js置于项目的根文件夹中,而无需全局安装Webpack或在node_modules文件夹中进行Webpack配置

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android