本地开发和实际生产的服务器环境不同，为了减少代码的改动，一般会将变化的内容放在配置文件里，根据实际情况进行配置 vite 使用了 dotenv 这个第三方的库，对环境变量进行处理 vite 环境变量 官方文档 https://cn.vitejs.dev/guide/env-and-mode.html Vite 在一个特殊的 import.meta.…

一下是一个基于 vue3、vite、ts 封装的一个 svg 组件 插件安装 pnpm add vite-plugin-svg-icons -D 插件配置 svgIcons.ts iconDirs 配置 icon 图标的目录 symbolId 指定 symbolId 格式 import { createSvgIconsPlugin } from &…

插件使用 在项目根目录下创建一个 config 目录，这里用来放置项目配置相关的内容。例如 vite 的插件都可以放在这里 新建 index.ts，这个是插件的主配置 import type { Plugin } from 'vite'; import vue from '@vitejs/plugin-vue'…