在 webpack 构建中从 cli 向 js 添加变量

Question

I'm trying to add a variable to my app.js at the time of build. For example:

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

then I want to run something like webpack -p --myvar='abc' which would result in this:

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

I've searched and maybe I'm just not looking in the right places or using the right terms, but can't figure out how to do this.

Answer 1

You can access myvar at webpack.config.js like this (assuming minimist ):

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

To get it to your bundle, you can use the DefinePlugin . You would need to have something like this at your plugin definition:

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

Then at code

var myvar = MYVAR;

Adjust as necessary.