114 lines
3.5 KiB
TypeScript
114 lines
3.5 KiB
TypeScript
import { defineConfig, type Plugin } from 'vite'
|
||
import { fileURLToPath, URL } from 'node:url'
|
||
import { cpSync } from 'node:fs'
|
||
import { resolve } from 'node:path'
|
||
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'
|
||
|
||
const projectRoot = fileURLToPath(new URL('.', import.meta.url))
|
||
|
||
/** 富文本编辑器自托管：构建完成后把 tinymce 整目录拷到 dist/tinymce，
|
||
* 运行时经 /tinymce/ 以 <script> 标签加载，规避打包器对 tinymce UMD 的处理问题 */
|
||
function copyTinymceAssets(): Plugin {
|
||
return {
|
||
name: 'copy-tinymce-assets',
|
||
apply: 'build',
|
||
closeBundle() {
|
||
const src = resolve(projectRoot, 'node_modules/tinymce')
|
||
const dest = resolve(projectRoot, 'dist/tinymce')
|
||
cpSync(src, dest, { recursive: true, force: true })
|
||
},
|
||
}
|
||
}
|
||
|
||
// https://vite.dev/config/
|
||
export default defineConfig({
|
||
plugins: [
|
||
vue(),
|
||
// 自动导入 Vue / Vue Router / Pinia 的 API 与 Element Plus 组件
|
||
AutoImport({
|
||
imports: ['vue', 'vue-router', 'pinia'],
|
||
resolvers: [ElementPlusResolver()],
|
||
dts: 'src/types/auto-imports.d.ts',
|
||
eslintrc: { enabled: false },
|
||
}),
|
||
Components({
|
||
resolvers: [ElementPlusResolver()],
|
||
dts: 'src/types/components.d.ts',
|
||
dirs: ['src/components'],
|
||
}),
|
||
copyTinymceAssets(),
|
||
],
|
||
resolve: {
|
||
alias: {
|
||
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
||
},
|
||
},
|
||
server: {
|
||
host: '0.0.0.0',
|
||
port: 5173,
|
||
// 开发期把 API 请求代理到 Django 后端，Cookie 认证跨域自动处理
|
||
proxy: {
|
||
'/api': {
|
||
target: 'http://127.0.0.1:8000',
|
||
changeOrigin: true,
|
||
},
|
||
'/API': {
|
||
target: 'http://127.0.0.1:8000',
|
||
changeOrigin: true,
|
||
},
|
||
'/Auth': {
|
||
target: 'http://127.0.0.1:8000',
|
||
changeOrigin: true,
|
||
},
|
||
'/Query': {
|
||
target: 'http://127.0.0.1:8000',
|
||
changeOrigin: true,
|
||
},
|
||
'/Modify': {
|
||
target: 'http://127.0.0.1:8000',
|
||
changeOrigin: true,
|
||
},
|
||
'/static': {
|
||
target: 'http://127.0.0.1:8000',
|
||
changeOrigin: true,
|
||
},
|
||
'/media': {
|
||
target: 'http://127.0.0.1:8000',
|
||
changeOrigin: true,
|
||
},
|
||
},
|
||
},
|
||
build: {
|
||
outDir: 'dist',
|
||
sourcemap: false,
|
||
chunkSizeWarningLimit: 2000,
|
||
// 合并全部 CSS 为单个文件：消灭按需组件产生的零碎 .css 与 css-*.js（可省约 90 个请求）
|
||
cssCodeSplit: false,
|
||
rollupOptions: {
|
||
output: {
|
||
// 归并 node_modules 公共依赖，消灭 0.1-10kB 的细碎 chunk（lodash 工具 / element-plus 小组件等）
|
||
manualChunks(id: string) {
|
||
if (!id.includes('node_modules')) return undefined
|
||
if (id.includes('element-plus') || id.includes('@element-plus')) return 'element-plus'
|
||
if (id.includes('vxe-table')) return 'vxe-table'
|
||
if (id.includes('@formkit') || id.includes('formkit')) return 'formkit'
|
||
if (id.includes('lodash') || id.includes('xe-utils')) return 'utils'
|
||
if (
|
||
id.includes('/node_modules/vue') ||
|
||
id.includes('/node_modules/vue-router') ||
|
||
id.includes('/node_modules/pinia') ||
|
||
id.includes('/node_modules/@vue') ||
|
||
id.includes('/node_modules/@vueuse')
|
||
) {
|
||
return 'vue-vendor'
|
||
}
|
||
return 'vendor'
|
||
},
|
||
},
|
||
},
|
||
},
|
||
})
|