FREE-UI-TOOL
组件迁移替换工具
功能简介
可以快速对 ui 库进行替换,替换存在两种模式:
- normal(前缀替换)
- detail(属性、事件替换)
安装
yarn add global free-ui-tool
npm i free-ui-tool -g
快速使用
free-ui migrate
迁移替换 UIfree-ui config [option]
获取配置
简单替换
如果只想替换ui前缀,可先通过free-ui config
获取配置,然后直接在terminal 输入free-ui-migrate
选择normal(前缀替换)
,并输入想要替换的ui前缀 例如haha
会有以下效果:
复杂替换
如果需要进行前缀、属性、事件等替换,可使用detail
模式
先通过free-ui config
获取配置,并还可以通过free-ui config -c
获取组件配置数据结构,free-ui config -c
获取具体组件配置
配置完成后,在terminal上输入free-ui migrate
设置相应参数,便可完成替换。
效果如下:
以下是一个简单的配置文件:
{
dir: ["src"],
script: {
extension: ["vue", "js"],
removePackage: [],
installPackage: [],
npmOption: [],
registry: "https://registry.npmjs.org/"
},
style: {
extension: ["css", "less", "scss"]
},
mode: "normal",
tag: {
old: "i-",
replece: "q-"
},
components: [
{
name: "i-cascader",
patternRule: {
tag: "el-cascader",
logTiming: ["render-format","on-change"],
attribute: {
replacedNames: {
data: "options",
trigger: "expandTrigger",
"change-on-select": "checkStrictly"
},
replacedValue: {
size: {
large: "medium"
}
},
removed: [],
},
events: {
}
}
}
]
};
注意
无论什么模式,都会输出logger.txt
文件
该文件用以记录详细模式下的组件logTiming中记录的字段
暂未支持
NPM
Git