@janghood/wash-painting-to-shuimo

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这类资源的时候会造成破损，需要反复确认筛选的文件范围正确，最好控制好版本，及时回滚。

如果需要自定义的话建议直接拷源码。

部分样式更名

为了防止一些误伤以及整理样式工作量实在太大，

所以麻烦大家自己手动全局搜索一下需要更名的样式。