在webpack build中从cli向js添加变量

Question

我正在尝试在构建时向app.js添加变量。例如：

//app.js
var myvar = {{set_from_cli}};

然后我想运行像webpack -p --myvar='abc'这样的结果：

//bundle.js
var myvar = 'abc';

我已经搜索过，也许我只是在寻找合适的地方或使用正确的术语，但无法弄清楚如何做到这一点。

Answer 1

您可以像这样访问 webpack.config.js myvar（假设为minimist）：

var argv = require('minimist')(process.argv.slice(2));
console.log(argv.myvar);

要将其发送到您的捆绑包，您可以使用DefinePlugin。你需要在你的插件定义中有这样的东西：

plugins: [
    new webpack.DefinePlugin({
      MYVAR: JSON.stringify(argv.myvar)
    })
]

然后在代码

var myvar = MYVAR;

根据需要进行调整。