91 lines
2.3 KiB
TypeScript
91 lines
2.3 KiB
TypeScript
import { defineConfig, loadEnv } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import AutoImport from 'unplugin-auto-import/vite'
|
|
import Components from 'unplugin-vue-components/vite'
|
|
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
|
|
import UnoCSS from 'unocss/vite'
|
|
import { fileURLToPath, URL } from 'node:url'
|
|
|
|
// https://vite.dev/config/
|
|
export default defineConfig(({ mode }) => {
|
|
const env = loadEnv(mode, process.cwd())
|
|
|
|
return {
|
|
base: './',
|
|
plugins: [
|
|
vue(),
|
|
AutoImport({
|
|
imports: ['vue', 'vue-router', 'pinia'],
|
|
resolvers: [ElementPlusResolver({ importStyle: false })],
|
|
dts: 'src/types/auto-imports.d.ts',
|
|
eslintrc: { enabled: true }
|
|
}),
|
|
Components({
|
|
resolvers: [ElementPlusResolver({ importStyle: false })],
|
|
dts: 'src/types/components.d.ts'
|
|
}),
|
|
UnoCSS()
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'@': fileURLToPath(new URL('./src', import.meta.url))
|
|
}
|
|
},
|
|
css: {
|
|
preprocessorOptions: {
|
|
scss: {
|
|
additionalData: `@use "@/styles/variables.scss" as *;\n`
|
|
}
|
|
}
|
|
},
|
|
server: {
|
|
host: '0.0.0.0',
|
|
port: 5174,
|
|
open: true,
|
|
cors: true,
|
|
proxy: {
|
|
'/api': {
|
|
target: env.VITE_API_BASE_URL || 'http://localhost:8080',
|
|
changeOrigin: true
|
|
},
|
|
'/uploads': {
|
|
target: env.VITE_API_BASE_URL || 'http://localhost:8080',
|
|
changeOrigin: true
|
|
},
|
|
'/ws': {
|
|
target: env.VITE_API_BASE_URL || 'http://localhost:8080',
|
|
changeOrigin: true,
|
|
ws: true
|
|
}
|
|
}
|
|
},
|
|
build: {
|
|
target: 'es2020',
|
|
outDir: 'dist',
|
|
assetsDir: 'static',
|
|
sourcemap: false,
|
|
minify: 'oxc',
|
|
chunkSizeWarningLimit: 1500,
|
|
rollupOptions: {
|
|
output: {
|
|
manualChunks(id: string) {
|
|
if (
|
|
id.includes('node_modules/vue') ||
|
|
id.includes('node_modules/vue-router') ||
|
|
id.includes('node_modules/pinia')
|
|
) {
|
|
return 'vue'
|
|
}
|
|
if (
|
|
id.includes('node_modules/element-plus') ||
|
|
id.includes('node_modules/@element-plus')
|
|
) {
|
|
return 'element'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|