dynamic-replace-loaderWebpack 加载器

dynamic-replace-loader 为一个 Webpack Loader，用于对 js 文件内指定内容进行匹配替换。

典型的使用场景：

一个类中的私有属性，我们希望打包后可以动态随机地更换为其他名称

例：

User._propA希望打包后替换为其他属性名，只需在文件开头加上注释 /* DYNAMIC-REPLACE _propA */

/* DYNAMIC-REPLACE _propA */
class User {
  constructor() {
    this._propA = 'private context'
  }

  printPropA() {
    console.log(this._propA)
  }
}

打包后loader输出为

/* DYNAMIC-REPLACE _propA */
class User {
  constructor() {
    this.MX = 'private context'
  }

  printPropA() {
    console.log(this.MX)
  }
}

安装

npm install --save-dev dynamic-replace-loader

webpack配置，webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'dynamic-replace-loader',
      },
    ],
  },
};