78 lines
2.6 KiB
TypeScript
78 lines
2.6 KiB
TypeScript
import react from '@vitejs/plugin-react';
|
||
import { defineConfig, loadEnv } from 'vite';
|
||
// import viteCompression from 'vite-plugin-compression';
|
||
import { ViteImageOptimizer } from 'vite-plugin-image-optimizer';
|
||
import tsconfigPaths from 'vite-tsconfig-paths';
|
||
|
||
// https://vitejs.dev/config/
|
||
export default defineConfig(({ mode }) => {
|
||
const env = loadEnv(mode, process.cwd());
|
||
const backendDebugUrl = env.VITE_DEBUG_BACKEND_URL;
|
||
console.log('backendDebugUrl', backendDebugUrl);
|
||
return {
|
||
plugins: [
|
||
react(),
|
||
tsconfigPaths(),
|
||
ViteImageOptimizer({}),
|
||
],
|
||
base: '/webui/',
|
||
server: {
|
||
proxy: {
|
||
'/api/ws/terminal': {
|
||
target: backendDebugUrl,
|
||
ws: true,
|
||
changeOrigin: true,
|
||
},
|
||
'/api/Debug/ws': {
|
||
target: backendDebugUrl,
|
||
ws: true,
|
||
changeOrigin: true,
|
||
},
|
||
'/api': backendDebugUrl,
|
||
'/files': backendDebugUrl,
|
||
'/plugin': backendDebugUrl,
|
||
'/webui/fonts/CustomFont.woff': backendDebugUrl,
|
||
'/webui/sw.js': backendDebugUrl,
|
||
},
|
||
},
|
||
build: {
|
||
assetsInlineLimit: 0,
|
||
rollupOptions: {
|
||
output: {
|
||
manualChunks (id) {
|
||
if (id.includes('node_modules')) {
|
||
// if (id.includes('@heroui/')) {
|
||
// return 'heroui';
|
||
// }
|
||
// React 19: react / react-dom / scheduler 必须合并到同一 vendor chunk，
|
||
// 否则 react 的 forwardRef 等 API 会被错导向 react-dom 块而变成 undefined，
|
||
// 导致 codemirror-core 等 chunk 初始化即崩溃（Cannot read properties of undefined (reading 'forwardRef')）。
|
||
if (/[\\/]node_modules[\\/](react|react-dom|scheduler)[\\/]/.test(id)) {
|
||
return 'react-vendor';
|
||
}
|
||
if (id.includes('react-router-dom')) {
|
||
return 'react-router-dom';
|
||
}
|
||
if (id.includes('react-hook-form')) {
|
||
return 'react-hook-form';
|
||
}
|
||
if (id.includes('react-hot-toast')) {
|
||
return 'react-hot-toast';
|
||
}
|
||
if (id.includes('qface')) {
|
||
return 'qface';
|
||
}
|
||
if (id.includes('@uiw/react-codemirror') || id.includes('@codemirror/view') || id.includes('@codemirror/theme-one-dark')) {
|
||
return 'codemirror-core';
|
||
}
|
||
if (id.includes('@codemirror/lang-')) {
|
||
return 'codemirror-lang';
|
||
}
|
||
}
|
||
},
|
||
},
|
||
},
|
||
},
|
||
};
|
||
});
|