支持webpack4+ / 5+(不区分react或vue,只处理构建后的代码);
对webpack构建后的代码进行替换，在静态代码扫描.js文件的时候，能够通过“静态扫描”软件的规则；
至于是否影响原本功能，看使用者具体如何替换和修改原本代码中的扫描问题；
#目录
npm install⬆
npm i codescanchange_webpack_plugin -S -Dyarn install codescanchange_webpack_plugin -S -D参数说明⬆
| 参数名 | 描述 |
|---|---|
| isChange | 是否开始charge code，这里比如可以判断是否是pro的情况 |
| distFileName | 模糊匹配的构建后代码名，比如vendors则匹配文件名中存在 vendors 的.js（String类型） |
| targetCode | 想要替换的代码(Array) |
| replaceCode | replace后的代码 (Array) |
参数必须是一个数组 + 对象的形式，方便一次性配置多个参数;
使用方法⬆
const codescanchange_webpack_plugin = require("codescanchange_webpack_plugin");///在plugin中加入
const debug = process.env.NODE_ENV !== 'development'
new codescanchange_webpack_plugin(debug,[{
"distFileName":"chunk-vendors",
"targetCode":["this.hoverTimer=setTimeout(this.clearHoverZone,this.panel.config.hoverThreshold)"],
"replaceCode":["console.log('trfchange')"]
}])
///vuecli3+参见vue.config,例如
configureWebpack: {
plugins: [
{
"distFileName":"chunk-vendors",
"targetCode":["this.hoverTimer=setTimeout(this.clearHoverZone,this.panel.config.hoverThreshold)"],
"replaceCode":["console.log('trfchange')"]
}
]
}///在plugin中直接加入多个new 引入
const debug = process.env.NODE_ENV !== 'development'
new codescanchange_webpack_plugin(debug,[
{
"distFileName":"app",
"targetCode":["want to change code","wang to change code 2"],
"replaceCode":["change code","change code 2"]
},
{
"distFileName":"other",
"targetCode":["other code"],
"replaceCode":["other code to change code"]
},
...
])
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent