在安装了 vite-plugin-svg-icons 插件后,我们可以在 vite.config.js 中进行配置。以下是一个示例配置: import{defineConfig}from'vite'importsvgIconsfrom'vite-plugin-svg-icons'exportdefaultdefineConfig({plugins:[svgIcons({// 指定要处理的 SVG 文件夹路径iconDirs:[require.resolve('src/assets/svgs')],/...
一、安装 vite-plugin-svg-icons npm i vite-plugin-svg-icons -D // 或者 yarn add vite-plugin-svg-icons -D 二、在main.js引入 import 'virtual:svg-icons-register' 三、配置SVG图片文件夹 四、在vite.config.js中配置 //import path,{ resolve } from 'path' import path from 'path' import {c...
安装vite-plugin-svg-icons:在终端中输入命令 npm install vite-plugin-svg-icons -D。 在您的 vite.config.js 文件中添加以下代码: import svgIcons from 'vite-plugin-svg-icons'; export default { plugins: [ svgIcons({ // 配置选项 }), ], }; ...
1.安装依赖:npm install vite-plugin-svg-icons -D 2.vite.config.ts 中配置: import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'//在export default ({ command, mode }: ConfigEnv): UserConfig中的plugins数组中添加代码plugins: [ createSvgIconsPlugin({//指定需要缓存的图标文件夹,地址可...
除了vite-plugin-svg-icons 之外,还可以使用若干种打包方案来将 SVG 图标打包,如 vue-svg-loader、svg-sprite-loader 等。而使用 vite-plugin-svg-icons 打包 SVG 图标需要在 vite.config.js 中添加相应的配置,如下所示: import { defineConfig } from 'vite' import svgLoader from 'vite-svg-loader' import...
在vite.config.ts中配置该插件: ... import { createSvgIconsPlugin } from 'vite-plugin-svg-icons' ... export default defineConfig({ ... plugins: [ ... createSvgIconsPlugin({ // 要缓存的图标文件夹 iconDirs: [path.resolve(__dirname, 'src/svg')], ...
配置文件 vite.config.js import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path' import { createSvgIconsPlugin } from 'vite-plugin-svg-icons' export default defineConfig({ plugins: [ vue(), // 使用svg-icon createSvgIconsPlugin({ // 指定需要缓...
配置 // vite.config.tsimportImportIconsfrom'vite-plugin-import-icons'exportdefaultdefineConfig({plugins:[ImportIcons({/* options */}),],}); collections 用于配置图标集,一个图标集对应一个存放图标的文件夹。 importpathfrom'path';ImportIcons({collections:{icons:path.resolve(__dirname,'./src/assets...
配置:vite.config.js import ViteRestart from 'vite-plugin-restart' export default { plugins: [ ViteRestart({ restart: [ 'vite.config.js', ] }) ], }; unplugin-vue-components 组件自动按需导入 安装: npm i unplugin-vue-components -D ...