build(deps): 添加多种插件:element-plus、iconify、windicss

This commit is contained in:
Soybean
2021-05-28 02:22:49 +08:00
parent d8d3cc237e
commit afd4d04110
24 changed files with 844 additions and 27 deletions

16
build/plugins/iconify.ts Normal file
View File

@@ -0,0 +1,16 @@
import ViteIcons, { ViteIconsResolver } from 'vite-plugin-icons'; // iconify图标
import Components from 'vite-plugin-components'; // 从指定目录自动导入组件
export default [
Components({
customComponentResolvers: ViteIconsResolver({ componentPrefix: 'icon' }) // 组件名前缀
}),
ViteIcons()
];
/**
* iconify用法(安装对应的vscode智能提示的插件: Iconify IntelliSense)
* 找图标:网址 https://icones.js.org/ 或者 vscode安装 icones插件
* 确定图标名字:找到图标后复制名字 如mdi:ab-testing 组件为: <icon-mdi-ab-testing />
* 样式同html标签一样直接应用style属性或者class属性; 通过设置color和font-size属性设置对应的颜色和大小
*/