0.2.0 • Published 2 years ago

codescanchange_webpack_plugin v0.2.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

codescanchange_webpack_plugin

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)
replaceCodereplace后的代码 (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"]
    },
    ...
])