|
|
|
|
import { UserConfig, ConfigEnv, loadEnv, defineConfig} from 'vite'
|
|
|
|
|
import Icons from 'unplugin-icons/vite'
|
|
|
|
|
import IconsResolver from 'unplugin-icons/resolver'
|
|
|
|
|
import AutoImport from 'unplugin-auto-import/vite'
|
|
|
|
|
import Components from 'unplugin-vue-components/vite'
|
|
|
|
|
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
|
|
|
|
|
import vue from '@vitejs/plugin-vue'
|
|
|
|
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'; //SVG精灵图生成插件
|
|
|
|
|
//获取绝对路径
|
|
|
|
|
import path from "path";
|
|
|
|
|
const appPath = path.resolve(__dirname, "src");
|
|
|
|
|
// https://vitejs.dev/config/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
|
|
|
|
|
const env = loadEnv(mode, process.cwd());
|
|
|
|
|
return {
|
|
|
|
|
resolve: {
|
|
|
|
|
alias: {
|
|
|
|
|
"@":appPath //@ 表示 src
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
server:{
|
|
|
|
|
host: "0.0.0.0",
|
|
|
|
|
port: Number(env.VITE_APP_PORT),
|
|
|
|
|
open: true, // 运行是否自动打开浏览器3647.51 2662.39
|
|
|
|
|
proxy: { // 反向代理解决跨域
|
|
|
|
|
[env.VITE_APP_BASE_API]: {
|
|
|
|
|
target: env.VITE_APP_BASE_URL,
|
|
|
|
|
changeOrigin: true,
|
|
|
|
|
rewrite: (path) => path.replace(new RegExp("^" + env.VITE_APP_BASE_API), "")
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
plugins: [
|
|
|
|
|
vue(),
|
|
|
|
|
AutoImport({
|
|
|
|
|
// 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
|
|
|
|
|
imports: ["vue", "@vueuse/core"],
|
|
|
|
|
ignore: ['h'], // 自动添加 import { h } from '/node_modules/.vite/deps/vue.js 代码问题处理
|
|
|
|
|
resolvers: [
|
|
|
|
|
ElementPlusResolver(),
|
|
|
|
|
IconsResolver({
|
|
|
|
|
prefix: 'Icon',
|
|
|
|
|
}),
|
|
|
|
|
],
|
|
|
|
|
vueTemplate: true, // 是否在 vue 模板中自动导入
|
|
|
|
|
dts: path.resolve(appPath, "autoImport", "auto-imports.d.ts"), // 自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成
|
|
|
|
|
}),
|
|
|
|
|
Components({
|
|
|
|
|
resolvers: [
|
|
|
|
|
// 自动注册图标组件
|
|
|
|
|
IconsResolver({
|
|
|
|
|
enabledCollections: ['ep'],
|
|
|
|
|
}),
|
|
|
|
|
ElementPlusResolver()
|
|
|
|
|
],
|
|
|
|
|
dts: path.resolve(appPath, "autoImport", "components.d.ts"), // 自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成
|
|
|
|
|
}),
|
|
|
|
|
createSvgIconsPlugin({
|
|
|
|
|
// 设置图标所在文件夹路径
|
|
|
|
|
iconDirs: [path.resolve(appPath, 'assets/icons')],
|
|
|
|
|
// 设置symbolId的格式
|
|
|
|
|
symbolId: 'icon-[dir]-[name]',
|
|
|
|
|
// （可选）自定义插入位置，默认为body末尾
|
|
|
|
|
// inject: 'body-first',
|
|
|
|
|
// （可选）自定义DOM节点ID，默认为__svg__icons__dom__
|
|
|
|
|
// customDomId: '__my-custom-id__',
|
|
|
|
|
}),
|
|
|
|
|
Icons({
|
|
|
|
|
autoInstall: true,
|
|
|
|
|
}),
|
|
|
|
|
],
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
