AutoImport可自动导入指定的api AutoImport({// 自动导入vue相关的Apiimports:['vue',// 导入内置的所有api'vue-router','pinia','@vueuse/core',{'vue-router':['createRouter'],// 导入指定的api/* 自定义模块 */'@/hooks/api.ts':['defineApi'],// 导入指定文件下的指定api'@/api/index.ts':...
import { defineConfig } from "vite";import path from "path";import react from "@vitejs/plugin-react-swc";import checker from "vite-plugin-checker";import { compression } from "vite-plugin-compression2";import { createHtmlPlugin } from "vite-plugin-html";import svgr from "vite-plugin-svg...
import { defineConfig } from 'vite'; import path from 'path'; import react from '@vitejs/plugin-react'; import AutoImport from 'unplugin-auto-import/vite'; // 页面自动导入,官方有教 import Pages from 'vite-plugin-pages'; // svg 图表自动导入,官方有教 import svgr from 'vite-plugin-sv...
vite-svg-loader插件加载SVG文件作为Vue组件,使用SVGO进行优化。 插件网站https://www.npmjs.com/package/vite-svg-loader 1. 安装 pnpm i vite-svg-loader-D 1. 2.vite.config.ts配置 // svg加载importsvgLoaderfrom'vite-svg-loader'// https://vitejs.dev/config/exportdefaultdefineConfig({// ...plu...
自动按需导入指令:npm install -D unplugin-vue-components unplugin-auto-import 在项目配置文件中配置如下代码: import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' /** element plus 自动按需导入插件 start */ import AutoImport from 'unplugin-auto-import/vite' ...
登录阿里巴巴矢量图标库使用 - https://www.iconfont.cn/,只需把下载好的 svg 文件统一放到指定assets/svg目录下 安装: npm i vite-plugin-svg-icons -D 1. vite.config.js配置 import { defineConfig,loadEnv } from 'vite' import {createSvgIconsPlugin} from 'vite-plugin-svg-icons'; const path = ...
import { defineConfig,loadEnv } from 'vite' import {createSvgIconsPlugin} from 'vite-plugin-svg-icons'; const path = require("path"); export default ({ mode }) => defineConfig({ plugins: [ vue(), createSvgIconsPlugin({ // 指定要缓存的文件夹 iconDirs: [resolve(process.cwd(), 'src...
Iconify支持100多个图标集,上万种图标可随意使用,你能想到的他都有,Iconify是SVG图标,不是字体图标,所以你也可以结合elementui-plus使用,最后感谢antfu大佬提供的vite插件。 vite.config.js 配置 import{fileURLToPath,URL}from"node:url";importComponentsfrom"unplugin-vue-components/vite";importAutoImportfrom"un...
import HelloWorld from './components/HelloWorld.vue' <template> <HelloWorld msg="Vite + Vue" /> </template> .logo { height: 6em; padding: 1.5em; will-change: filter; transition: filter 300ms; } .logo:hover
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons' import path from 'path' export default () => { return { plugins: [ createSvgIconsPlugin({ // 指定要导入的图标所在的文件夹。 iconDirs: [path.resolve(process.cwd(), 'src/icons')], // 指定symbol id的格式 symbolId: '...