1、安装依赖 2、在vite.config.ts文件中 且按照iconDirs中路径准备好svg文件 3、创建引入全部element-plus文件,以及创建SvgIcon组件...
"include": ["vite.config.ts", "./plugins/*"] } 5. src目录下新建icons文件夹内存放svg图标 6. vite.config.ts 中 import svgBuilder from './plugins/svgBuilder' import {resolve} from "path"; // ... plugins: [ // ... svgBuilder(resolve('./src/icons')) ] 7. 使用 import {...
el-button+图标:<el-buttontype="primary"><el-icon></el-icon>新增</el-button><el-buttontype="primary"icon="i-ep-edit">新增</el-button> 效果图 三、SVG本地图标 通过vite-plugin-svg-icons插件使用Iconfont第三方图标库实现本地SVG图标展示 vite-plugin-svg-icons 官方文档 npm install-D fast-glob...