wash-painting转shuimo工具
这是一个帮助你将旧版本的wash-painting-ui
组件转为新版本的shuimo-ui
组件的工具。
旧版本极有可能不再维护,至少不会新增组件。
组件的原理大概是使用fast-glob来扫描你的项目,
然后粗暴地替换文件名或文件内水墨组件开头的字母W
为M
,或者w-
为m-
。
另外还有一些黑盒逻辑可以直接阅读源码,没什么复杂的玩意儿。
使用方法
安装
pnpm add @janghood/wash-painting-to-shuimo
然后新增一个临时文件w2m-config.json
在package.json
所在的目录下:
内容可以参考但不要全抄:
{
"source": [
"**/core/**/*.{vue,html,ts,tsx,scss,sass,json}",
"**/modules/**/*.{vue,html,ts,tsx,scss,sass,json}",
"**/common/**/*.{vue,html,ts,tsx,scss,sass,json}"
],
"options": {
"ignore": ["**/node_modules/**"],
"changeFileInfo": true,
"changeFileName": true
}
}
命令
在package.json
中的scripts
中添加:
{
"scripts": {
"shuimo": "to-shuimo"
}
}
然后运行即可。
运行完毕后移除依赖包和临时配置文件
注意事项
具体的api
与fast-glob
一致,新增了changeFileInfo
和changeFileName
两个选项。
一个用于选择修改文件、一个用于选择修改文件名。
以及记得ignore
你所不需要扫描的文件例如node_modules
。
还有注意扫描png
这类资源的时候会造成破损,需要反复确认筛选的文件范围正确,最好控制好版本,及时回滚。
如果需要自定义的话建议直接拷源码。
部分样式更名
为了防止一些误伤以及整理样式工作量实在太大,
所以麻烦大家自己手动全局搜索一下需要更名的样式。