codescanchange_webpack_plugin

#目录

npm install⬆

npm i codescanchange_webpack_plugin -S -D

yarn 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"]
    },
    ...
])