dynamic-replace-loader

Webpack 加载器
授权协议 Apache
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 国产
投 递 者 徐卓
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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

 

 相关资料
  • 我有以下代码: 根据官方文档,我必须使用,我正在使用它,但我得到以下错误: URL查询字符串“key=************&q={state}&days=4”不能有replace block。对于动态查询参数,请使用@query。

  • replace 方法 在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。 语法: stringObject.replace( sub_str, replacement ); stringObject.replace( regexp, replacement ); 参数说明: sub_str/regexp - 必需,规定要替换的子字符串 或 要替换的模式的 RegExp

  • Replace函数用指定的次数替换字符串的指定部分。 语法 (Syntax) Replace(string,find,replacewith[,start[,count[,compare]]]) 参数描述 (Parameter Description) String - 必需参数。 要搜索替换的输入字符串。 Find - 必需参数。 要替换的字符串部分。 Replacewith - 必需参数。

  • 此方法查找正则表达式和字符串之间的匹配项,并使用新的子字符串替换匹配的子字符串。 替换字符串可包括以下特殊替换模式 - Sr.No 模式和插入 1 $$ 插入“$”。 2 $& 插入匹配的子字符串。 3 $` 插入匹配子字符串之前的字符串部分。 4 $' 插入匹配子字符串后面的字符串部分。 5 $n or $nn 如果n或nn是十进制数字,则插入第n个带括号的子匹配字符串,前提是第一个参数是Reg

  • 此函数返回输入字符串的新副本,其中所有出现的字符序列都被另一个给定序列替换。 import numpy as np print np.char.replace ('He is a good boy', 'is', 'was') 其输出如下 - He was a good boy

  • replace replace函数用于用新的字符串值替换字符串中的子字符串。 通过使用模式来搜索子字符串。 语法 (Syntax) 以下是语法。 (replace str pat replacestr) Parameters - 'pat'是正则表达式模式。 'str'是需要根据模式找到文本的字符串。 'replacestr'是需要根据模式在原始字符串中替换的字符串。 Return Value