授权协议: Apache
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2020-07-20
提 交 者: 陌寻

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

 

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

dynamic-replace-loader 的相关博客

C++ replace replace_if replace_copy replace_copy_if

#include <iostream> #include <list> #include <algorithm> #include <iterator> #include <functional> using namespace st...

replace

replace

strtr、str_replace()、substr_replace、preg_replace之间的区别

strtr(string, from, to): 逐个字符开始替换,以from跟to中长度较较短的一个为准,例如: strtr("aidengni","ai","b") 只替换原...

Webpack中的css-loader 和style-loader

传统上我们会在html文件中引入CSS代码,借助webpack style-loader和css-loader我们可以在.js文件中引入css文件并让样式生效。...

webpack-loader

Loader loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。 因此,loader 类似于其他...

url-loader

其实说到性能优化,他的范围太广了,今天我们就只聊一聊通过webpack配置减少http请求数量这个点吧。 简单说下工作中遇到的问题...

webpack之loader

loader是use的简写 module: { rules: [ { test: /\.css$/, // loader: ['style-loader','css-loader?minimize'], //这是简写 ...

loader小计

resolve 用于匹配 resource 路径的方法: { test: ... } 匹配特定条件 { include: ... } 匹配特定路径 { exclude: ... } 排除...

dynamic-replace-loader 的相关问答

还没有任何问答,马上提问

评论 (0)

加载中
更多评论
0 评论
8 收藏
分享
在线直播报名
返回顶部
顶部