javascript - 在 webpack 构建中从 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;

根据需要进行调整。