javascript - 用 webpack 中字段的值替换带有静态字段的对象

Question

我有一个看起来像这样的模块:

let Info = {};

Info.VALUE_ONE = 123;
Info.VALUE_TWO = 456;
Info.VALUE_THREE = 789;

module.exports = Info;

我希望这个模块在编译后从代码中完全消失，只在适用的地方内联值 123、456 和 789 - 如何使用 Webpack 做到这一点？

Answer 1

听起来您可能想要使用 webpack.DefinePlugin ，它允许您在编译时内联全局值。

webpack.config.js

plugins: [
  new webpack.DefinePlugin({
    Info: require('./info.js'),
  }),
  //...
]

---

例如，您的源代码将转换如下:

来源

let value = null;

switch (value) {
  case Info.VALUE_ONE:
    //...
  case Info.VALUE_TWO:
    //...
  case Info.VALUE_THREE:
    //...
  default:
    //...
}

输出

let value = null;

switch (value) {
  case 123: //...

  case 456: //...

  case 789: //...

  default: //...

}