shakukansp
2023-04-03 12:20:47 +08:00
写个脚本
比如你图标放 /assets/icons
每次新加图标就运行一下脚本
这个脚本就做一件事情,读取这个目录的文件名然后生成一个 ts 文件
import BasicActtive from '~icons/assets-icons/basic-acttive';
export {
BasicActtive,
}
类似这种各式
我项目里就是这么处理
后端返回的是 icon 字符串
前端导入
import Bookmark from '~icons/carbon/bookmark';
import * as icons from '~/assets/icons';
export const getIcon = (name?: string) => {
if (!name) return Bookmark;
return Reflect.get(
icons,
camelcase(name, { pascalCase: true, preserveConsecutiveUppercase: true }),
);
};