无法将命令'webpack'替换为'npm run build'

Question

请有人向我解释。我想使用命令npm run构建来调用webpack。因此，我在file package.json中修改了脚本。但这无效。我正在使用Linux

这是我的软件包.json文件

{
  "name": "learn-webpack",
  "version": "1.0.0",
  "description": "Learn Webpack",
  "main": "index.js",
  "scripts": {
    "build": "webpack"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.4",
    "babel-preset-env": "^1.6.1",
    "css-loader": "^0.28.11",
    "style-loader": "^0.20.3",
    "webpack": "^4.2.0"
  }
}

这是错误，它已经安装了CLI，但它继续发送此消息

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! learn-webpack@1.0.0 build: `webpack`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the learn-webpack@1.0.0 build script.
npm ERR! This is probably not a problem with npm.
         There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /home/huong/.npm/_logs/2018-03-27T14_09_22_103Z-debug.log

Answer 1

遵循指令

The CLI moved into a separate package: webpack-cli.

Please install 'webpack-cli' in addition to webpack itself to use the CLI.

-> When using npm: npm install webpack-cli -D

刚运行：

npm install webpack-cli -D -g

-g良好的方法，然后尝试再次运行构建，并且应该有效：(

Answer 2

您没有将webpack-cli安装到devDependencies

npm install webpack-cli -D

实际上应该解决您的问题

也许您在全球安装了WebPack-CLI，但它不在您的DevDectionies

Answer 3

如果您直接调用

的函数

  "scripts": {
    "build": "webpack"
  },

webpack被搜索为$ path的命令。使用npm install webpack-cli -D在$路径下不在全球安装它，而是在本地下在./node_modules下。

因此，您有2个选择：

• 在全球安装它(-g(：npm -g i webpack-cli
• 从node_module目录运行： node_modules/<path to webpack>

Answer 4

如果将WebPack安装到项目中而不是全球，请尝试以下操作：

"build": "./node_modules/webpack/bin/webpack"