为什么我使用 --arg 时 webpack-dev-server 会抛出错误？

Question

这是我的脚本：

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --arg devus"

在我以前做的旧设置中：

"dev": "node build/dev-server.js --arg dev"

我怎样才能用webpack-dev-server 实现相同的效果（拥有--arg 开发的东西）？

这是错误：

Unknown argument: arg
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! test-phantom@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --arg devus`

Answer 1

你描述的事情在 webpack 1 中是可能的。

从 webpack 2+ 开始（并且 webpack-dev-server 将按原样将参数传递给 webpack）传递自定义参数只能通过在参数前面加上 env.:

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --env.arg devus"

但是您的脚本不能按原样运行，您需要对其进行调整以在 webpack 配置中使用 env 属性。

换句话说，你的配置应该是这样的

module.exports = env => {
  console.log(env);

  return {
    // your config heree
  }
};

见documentation