安装vite-plugin-svg-icons
时间: 2023-12-09 11:35:43 浏览: 330
vite-plugin-svg-icons:Vite插件可快速创建SVG精灵
安装vite-plugin-svg-icons的步骤如下:
1. 确保你的节点版本大于等于12.0.0。2. 在你的项目中使用纱线或npm安装vite-plugin-svg-icons,命令如下:
```
yarn add vite-plugin-svg-icons -D
```
或者
```
npm i vite-plugin-svg-icons -D
```
3. 在vite.config.ts中配置插件,代码如下:
```typescript
import viteSvgIcons from 'vite-plugin-svg-icons';
import path from 'path';
export default {
plugins: [
viteSvgIcons({
// 指定需要缓存的图标文件夹路径,可以是绝对路径或相对路径
iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
// 指定symbolId格式
symbolId: 'icon-[dir]-[name]',
}),
],
};
```
这样就可以使用vite-plugin-svg-icons来使用iconfont等svg图标库了。
阅读全文