我可以使用 npm 自定义标志来设置 webpack.config 中可用的配置变量的值吗？

Question

我想实现这样的目标：

npm run build --path custom

为了设置将在 webpack.config.js

中使用的不同 output.path

有这样的东西吗？

Answer 1

我设法实现了与我的目标类似的东西，比如使用这样的配置字段：

"name": "foo",
"config": {
  "dist": "bar"
},
"scripts": {
  "build": "webpack --watch",
  "custom": "node test.js"
}
...

我设法修改了 dist ("bar") 的值：

npm config set foo:dist apple

我可以通过以下方式访问 dist 的值：

process.env.npm_package_config_dist

可能不理想，但它有效。我愿意接受更好的建议。

Answer 2

最后使用的解决方案是用这个命令：

DIST=[YOUR-DIRECTORY] npm run build

webpack.config 处理 DIST 的值，例如：

const target = process.env.DIST
  ? process.env.DIST
  : 'dist';

在输出中我们使用： path: path.resolve(__dirname, target)

Answer 3

你可以试试这个：

"name": "npm-help",
"scripts": {
   "build": **"sass --watch"**,
}

Can I use npm custom flags to set the value of a configuration variable usable in webpack.config?