dynamic-replace-loaderWebpack 加载器

联合创作 · 2023-09-22 02:05

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',
      },
    ],
  },
};

 

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报