feat(ViteConfig, App, Router, DialogManager, MembersView, ScheduleView, ClubView, Home, TournamentsView, TrainingStatsView): enhance performance and responsiveness
- Updated Vite configuration to improve chunking strategy and set a chunk size warning limit. - Refactored App.vue and DialogManager.vue to utilize async component loading for better performance. - Modified router.js to implement lazy loading for various views, optimizing initial load times. - Enhanced MembersView, ScheduleView, ClubView, and TournamentsView with responsive design adjustments for improved mobile usability. - Improved styling and layout in Home.vue and TrainingStatsView to enhance user experience across different screen sizes.
This commit is contained in:
@@ -4,6 +4,30 @@ import vue from '@vitejs/plugin-vue';
|
||||
export default defineConfig({
|
||||
plugins: [vue()],
|
||||
mode: 'development',
|
||||
build: {
|
||||
chunkSizeWarningLimit: 700,
|
||||
rollupOptions: {
|
||||
output: {
|
||||
manualChunks(id) {
|
||||
if (!id.includes('node_modules')) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (id.includes('vue-router')) return 'router';
|
||||
if (id.includes('vue-i18n')) return 'i18n';
|
||||
if (id.includes('vuex')) return 'store';
|
||||
if (id.includes('socket.io-client')) return 'socket';
|
||||
if (id.includes('html2canvas')) return 'html2canvas';
|
||||
if (id.includes('jspdf')) return 'jspdf';
|
||||
if (id.includes('sortablejs')) return 'sortable';
|
||||
if (id.includes('crypto-js')) return 'crypto';
|
||||
if (id.includes('axios')) return 'http';
|
||||
|
||||
return 'vendor';
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': '/src'
|
||||
|
||||
Reference in New Issue
Block a user