refactor(vite.config): simplify configuration and optimize chunking strategy
- Removed unnecessary dependency optimizations and SSR configurations for a cleaner setup. - Streamlined the chunking strategy to focus on core dependencies, enhancing loading efficiency. - Adjusted build settings for improved performance and maintainability.
This commit is contained in:
chamiakJ
@@ -28,44 +28,6 @@ export default defineConfig(({ command }) => {
|
||||
],
|
||||
},
|
||||
|
||||
// **Optimize Dependencies**
|
||||
optimizeDeps: {
|
||||
include: [
|
||||
'react',
|
||||
'react-dom',
|
||||
'react/jsx-runtime',
|
||||
'react/jsx-dev-runtime',
|
||||
'antd',
|
||||
'react-redux',
|
||||
'@reduxjs/toolkit',
|
||||
'i18next',
|
||||
'react-i18next',
|
||||
'react-router-dom',
|
||||
'moment',
|
||||
'date-fns',
|
||||
'axios',
|
||||
'socket.io-client'
|
||||
],
|
||||
exclude: [
|
||||
'@dnd-kit/core',
|
||||
'@dnd-kit/sortable',
|
||||
'@dnd-kit/modifiers',
|
||||
'@dnd-kit/utilities'
|
||||
],
|
||||
force: true, // Force re-optimization on every dev server start
|
||||
},
|
||||
|
||||
// **SSR Configuration**
|
||||
ssr: {
|
||||
noExternal: ['@dnd-kit/core', '@dnd-kit/utilities', '@dnd-kit/sortable', '@dnd-kit/modifiers'],
|
||||
},
|
||||
|
||||
// **Additional Configuration for ES Modules**
|
||||
define: {
|
||||
// Ensure global is defined for some packages that expect it
|
||||
global: 'globalThis',
|
||||
},
|
||||
|
||||
// **Build**
|
||||
build: {
|
||||
// **Target**
|
||||
@@ -75,9 +37,6 @@ export default defineConfig(({ command }) => {
|
||||
outDir: 'build',
|
||||
assetsDir: 'assets', // Consider a more specific directory for better organization, e.g., 'build/assets'
|
||||
cssCodeSplit: true,
|
||||
|
||||
// **Chunk Size Optimization**
|
||||
chunkSizeWarningLimit: 1000, // Increase limit for vendor chunks but keep warning for others
|
||||
|
||||
// **Sourcemaps**
|
||||
sourcemap: command === 'serve' ? 'inline' : true, // Adjust sourcemap strategy based on command
|
||||
@@ -88,86 +47,22 @@ export default defineConfig(({ command }) => {
|
||||
compress: {
|
||||
drop_console: command === 'build',
|
||||
drop_debugger: command === 'build',
|
||||
// Remove unused code more aggressively
|
||||
unused: true,
|
||||
dead_code: true,
|
||||
},
|
||||
// **Additional Optimization**
|
||||
format: {
|
||||
comments: command === 'serve', // Preserve comments during development
|
||||
},
|
||||
mangle: {
|
||||
// Mangle private properties for smaller bundles
|
||||
properties: {
|
||||
regex: /^_/,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
// **Rollup Options**
|
||||
rollupOptions: {
|
||||
output: {
|
||||
// **Enhanced Chunking Strategy**
|
||||
// **Chunking Strategy**
|
||||
manualChunks(id) {
|
||||
// Core React dependencies - include @dnd-kit with React to fix loading order
|
||||
if (['react', 'react-dom'].includes(id) || id.includes('@dnd-kit')) return 'react-vendor';
|
||||
|
||||
// Router and navigation
|
||||
if (id.includes('react-router-dom') || id.includes('react-router')) return 'router';
|
||||
|
||||
// UI Library
|
||||
if (id.includes('antd')) return 'antd-ui';
|
||||
|
||||
// Internationalization
|
||||
if (id.includes('i18next') || id.includes('react-i18next')) return 'i18n';
|
||||
|
||||
// Redux and state management
|
||||
if (id.includes('@reduxjs/toolkit') || id.includes('redux') || id.includes('react-redux')) return 'redux';
|
||||
|
||||
// Date and time utilities
|
||||
if (id.includes('moment') || id.includes('dayjs') || id.includes('date-fns')) return 'date-utils';
|
||||
|
||||
// Charts and visualization
|
||||
if (id.includes('chart') || id.includes('echarts') || id.includes('highcharts') || id.includes('recharts')) return 'charts';
|
||||
|
||||
// Text editor
|
||||
if (id.includes('tinymce') || id.includes('quill') || id.includes('editor')) return 'editors';
|
||||
|
||||
// Project view components - split into separate chunks for better lazy loading
|
||||
if (id.includes('/pages/projects/projectView/taskList/')) return 'project-task-list';
|
||||
if (id.includes('/pages/projects/projectView/board/')) return 'project-board';
|
||||
if (id.includes('/pages/projects/projectView/insights/')) return 'project-insights';
|
||||
if (id.includes('/pages/projects/projectView/finance/')) return 'project-finance';
|
||||
if (id.includes('/pages/projects/projectView/members/')) return 'project-members';
|
||||
if (id.includes('/pages/projects/projectView/files/')) return 'project-files';
|
||||
if (id.includes('/pages/projects/projectView/updates/')) return 'project-updates';
|
||||
|
||||
// Task-related components
|
||||
if (id.includes('/components/task-') || id.includes('/features/tasks/')) return 'task-components';
|
||||
|
||||
// Filter components
|
||||
if (id.includes('/components/project-task-filters/') || id.includes('filter-dropdown')) return 'filter-components';
|
||||
|
||||
// Other project components
|
||||
if (id.includes('/pages/projects/') && !id.includes('/projectView/')) return 'project-pages';
|
||||
|
||||
// Settings and admin
|
||||
if (id.includes('/pages/settings/') || id.includes('/pages/admin-center/')) return 'settings-admin';
|
||||
|
||||
// Reporting
|
||||
if (id.includes('/pages/reporting/') || id.includes('/features/reporting/')) return 'reporting';
|
||||
|
||||
// Schedule components
|
||||
if (id.includes('/components/schedule') || id.includes('/features/schedule')) return 'schedule';
|
||||
|
||||
// Common utilities
|
||||
if (id.includes('/utils/') || id.includes('/shared/') || id.includes('/hooks/')) return 'common-utils';
|
||||
|
||||
// API and services
|
||||
if (id.includes('/api/') || id.includes('/services/')) return 'api-services';
|
||||
|
||||
// Other vendor libraries
|
||||
if (id.includes('node_modules')) return 'vendor';
|
||||
if (['react', 'react-dom', 'react-router-dom'].includes(id)) return 'vendor';
|
||||
if (id.includes('antd')) return 'antd';
|
||||
if (id.includes('i18next')) return 'i18n';
|
||||
// Add more conditions as needed
|
||||
},
|
||||
// **File Naming Strategies**
|
||||
chunkFileNames: 'assets/js/[name]-[hash].js',
|
||||
|
||||
Reference in New Issue
Block a user