bd166b2f77
Home was unexpectedly loading the `visactor-*.js` bundle on first paint. This happened because the Vite manualChunks entry created a standalone vendor chunk for VisActor, which Vite then preloaded on the initial route. What’s changed - Removed `visactor` from `build.rollupOptions.output.manualChunks` in `web/vite.config.js`. Why - Prevents VisActor from being preloaded on the Home page. - Restores the intended behavior: VisActor loads only when the Dashboard (data analytics) is visited. Impact - Smaller initial payload and fewer network requests on Home. - No functional changes to charts; loading behavior is now route-driven. Test plan - Build the app: `cd web && npm run build`. - Open the preview and visit `/`: ensure no `visactor-*.js` is requested. - Navigate to `/console` (Dashboard): ensure `visactor-*.js` loads as expected.
98 lines
2.5 KiB
JavaScript
98 lines
2.5 KiB
JavaScript
/*
|
|
Copyright (C) 2025 QuantumNous
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as
|
|
published by the Free Software Foundation, either version 3 of the
|
|
License, or (at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
For commercial licensing, please contact support@quantumnous.com
|
|
*/
|
|
|
|
import react from '@vitejs/plugin-react';
|
|
import { defineConfig, transformWithEsbuild } from 'vite';
|
|
import pkg from '@douyinfe/vite-plugin-semi';
|
|
const { vitePluginSemi } = pkg;
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [
|
|
{
|
|
name: 'treat-js-files-as-jsx',
|
|
async transform(code, id) {
|
|
if (!/src\/.*\.js$/.test(id)) {
|
|
return null;
|
|
}
|
|
|
|
// Use the exposed transform from vite, instead of directly
|
|
// transforming with esbuild
|
|
return transformWithEsbuild(code, id, {
|
|
loader: 'jsx',
|
|
jsx: 'automatic',
|
|
});
|
|
},
|
|
},
|
|
react(),
|
|
vitePluginSemi({
|
|
cssLayer: true
|
|
})
|
|
],
|
|
optimizeDeps: {
|
|
force: true,
|
|
esbuildOptions: {
|
|
loader: {
|
|
'.js': 'jsx',
|
|
'.json': 'json',
|
|
},
|
|
},
|
|
},
|
|
build: {
|
|
rollupOptions: {
|
|
output: {
|
|
manualChunks: {
|
|
'react-core': ['react', 'react-dom', 'react-router-dom'],
|
|
'semi-ui': ['@douyinfe/semi-icons', '@douyinfe/semi-ui'],
|
|
tools: ['axios', 'history', 'marked'],
|
|
'react-components': [
|
|
'react-dropzone',
|
|
'react-fireworks',
|
|
'react-telegram-login',
|
|
'react-toastify',
|
|
'react-turnstile',
|
|
],
|
|
i18n: [
|
|
'i18next',
|
|
'react-i18next',
|
|
'i18next-browser-languagedetector',
|
|
],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
server: {
|
|
host: '0.0.0.0',
|
|
proxy: {
|
|
'/api': {
|
|
target: 'http://localhost:3000',
|
|
changeOrigin: true,
|
|
},
|
|
'/mj': {
|
|
target: 'http://localhost:3000',
|
|
changeOrigin: true,
|
|
},
|
|
'/pg': {
|
|
target: 'http://localhost:3000',
|
|
changeOrigin: true,
|
|
},
|
|
},
|
|
},
|
|
});
|