Webpack pass an argument to string-replace-loader

Question

Is there any way to pass an argument to the string-replace-loader ?

I try to achieve something like that -

Write in the shell - webpack arg1=HelloWorld

In the webpack.config.js -

var value = arg1 // get it from the shell

{
    test: /testFile\.js$/,
    loader: 'string-replace-loader',
    options: {
        search: '$',
        replace: value,
    }
}

And $ in testFile.js would become to be "HellowWorld".

How Could I get that ?

inside webpack config module.exports = function(env, argv) {.., try argv.arg1 || 'defaultValue' (or env.arg1) — bigless
– bigless, Commented Jun 11, 2018 at 0:34

Maciej Kwas · Accepted Answer · 2018-06-11 00:55:11Z

1

You could use argv or env, let's assume you would like to achieve something by running webpack --env.text=test, then after executing this in your console, you can access environment variable inside your javascript code, so while you are in testFile.js you can just write:

console.log(process.env.text); //returns 'test' and from here you can do whatever you want with that value, perhaps replace $ sign with it, or maybe directly printing it somewhere.

More info here: https://webpack.js.org/guides/environment-variables/

answered Jun 11, 2018 at 0:55

Maciej Kwas

6,5473 gold badges34 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Webpack pass an argument to string-replace-loader

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related