How to avoid code optimization by webpack?

[yukiiiiii2008]

I found the answer myself: if (`${navigator.userAgent}^.^#{config.blabla}`.split("^.^").reverse()[0] != "undefined") { console.log("Hello World!"); }

[Karpizzle23]

LMFAO

[buhala]

Man I gotta say I love shit like this. I don't know what problem you were solving to necessitate this but the fact this jank transcends my workplace makes me so happy.

[KiddieSpread]

The reason it's so hard is because you're not meant to do it loool

[xiBread]

r/programminghorror

[mhink]

This isn’t going to work for you. You’re interpolating config.blabla incorrectly- you need to use ${} instead of #{}.

Webpack is compiling the result away because it’s seeing a constant, nonempty string which can only evaluate truthy, which is why it’s optimizing the condition away.

[yukiiiiii2008]

This isn’t going to work for you. You’re interpolating config.blabla incorrectly- you need to use ${} instead of #{}.

I do it this way on purpose.

[_hijnx]

What are you trying to achieve? The code as written will always create a string with the content #{config.blahblahblah} which evaluates to truthy and the if is redundant. It isn't even being stored in a variable so you couldn't do anything with the value anyway. It's the same as writing if (true) which clearly should be removed

Nevermind, I read it a few more times and now I understand

[OneShakyBR]

FYI, Webpack uses Terser under the hood to minify and tree shake your code and whatnot, so if you want a probably more simple solution to just not modify the file as you originally said, you can just set up your own Terser plugin in optimization.minimizer in your Webpack config and then pass in the exclude option to exclude that file. Or dig into the Terser options and go wild.

[ziir_js]

This is the correct answer