vite-plugin-svg-icons/LICENSE Version: 1.07 kBPlain TextView Raw 1 MIT License 2 3 Copyright (c) 2021-present, Vben 4 5 Permission is hereby granted, free of charge, to any person obtaining a copy 6 of this software and associated documentation files (the "Software"), to deal...
import{ createSvgIconsPlugin }from'vite-plugin-svg-icons'importpathfrom'path'exportdefault() => {return{ plugins: [ createSvgIconsPlugin({// Specify the icon folder to be cachediconDirs: [path.resolve(process.cwd(),'src/icons')],// Specify symbolId formatsymbolId:'icon-[dir]-[name]',...
vite-plugin-svg-icons/dist/index.d.ts Version: 1.76 kBTypeScriptView Raw 1 import { Plugin } from 'vite'; 2 import { OptimizeOptions } from 'svgo'; 3 4 declare type DomInject = 'body-first' | 'body-last'; 5 interface ViteSvgIconsPlugin { ...
Vite Plugin for fast creating SVG sprites.. Latest version: 2.0.1, last published: 2 years ago. Start using vite-plugin-svg-icons-next in your project by running `npm i vite-plugin-svg-icons-next`. There are no other projects in the npm registry using vi
import{createSvgIconsPlugin}from'vite-plugin-svg-icons'importpathfrom'path'exportdefault()=>{return{plugins:[createSvgIconsPlugin({// Specify the icon folder to be cachediconDirs:[path.resolve(process.cwd(),'src/icons')],// Specify symbolId formatsymbolId:'icon-[dir]-[name]',/*** custom...
vite-plugin-import-icons 用于引入 SVG 图标的 Vite 插件,支持自动引入和热更新。 安装 pnpm add vite-plugin-import-icons -D 配置 // vite.config.tsimportImportIconsfrom'vite-plugin-import-icons'exportdefaultdefineConfig({plugins:[ImportIcons({/* options */}),],}); ...
//插件引入 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons' import path from 'path' plugins: [ vue(), Components({ // UI库 resolvers: [ArcoResolver()], }), createSvgIconsPlugin({ // 指定需要缓存的图标文件夹 iconDirs: [path.resolve(process.cwd(), "src/assets/icons")]...
一、安装 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' ...
createSvgIconsPlugin({ // 新建 assets/svg文件夹,将svg放入文件夹下 iconDirs: [resolve('src/assets/svg')],//定义每个 SVG 图标的符号 ID symbolId:"icon-[name]"}), ], }) 定义一个svgicon组件,新建SvgIcon.vue const props=defineProps({//SVG 文件名称 name:{ type:String...
npm install vite-plugin-svg-icons --save-dev 配置 在安装了 vite-plugin-svg-icons 插件后,我们可以在 vite.config.js 中进行配置。以下是一个示例配置: import{defineConfig}from'vite'importsvgIconsfrom'vite-plugin-svg-icons'exportdefaultdefineConfig({plugins:[svgIcons({// 指定要处理的 SVG 文件夹路...