3 本地 SVG 图标 在webpack 中加载 svg 资源可以使用 svg-sprite-loader,而 vite 中可以使用插件 vite-plugin-svg-icons。 3.1 安装开发依赖 首先安装 vite-plugin-svg-icons 为开发依赖: yarn add vite-plugin-svg-icons -D 3.2 配置 vite 在vite.config.ts 中配置该插件: ... import { createSvgIcon...
用于引入 SVG 图标的 Vite 插件,支持自动引入和热更新。 安装 pnpm add vite-plugin-import-icons -D 配置 // vite.config.tsimportImportIconsfrom'vite-plugin-import-icons'exportdefaultdefineConfig({plugins:[ImportIcons({/* options */}),],}); ...
首先安装vite-plugin-svg-icons为开发依赖: yarn add vite-plugin-svg-icons -D 3.2 配置 vite 在vite.config.ts中配置该插件: ... import { createSvgIconsPlugin } from 'vite-plugin-svg-icons' ... export default defineConfig({ ... plugins: [ ... createSvgIconsPlugin({ // 要缓存的图标文件...
用于引入 SVG 图标的 Vite 插件,支持自动引入和热更新。 安装 pnpm add vite-plugin-import-icons -D 配置 // vite.config.tsimportImportIconsfrom'vite-plugin-import-icons'exportdefaultdefineConfig({plugins:[ImportIcons({/* options */}),],}); ...