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