We are utilizing syncfusion v 29.2.4 with React 19.
"@syncfusion/ej2-data": "^29.2.4",
"@syncfusion/ej2-react-base": "29.2.4",
"@syncfusion/ej2-react-buttons": "^29.2.4",
"@syncfusion/ej2-react-charts": "29.2.4",
"@syncfusion/ej2-react-dropdowns": "29.2.4",
"@syncfusion/ej2-react-gantt": "29.2.4",
"@syncfusion/ej2-react-grids": "^29.2.7",
"@syncfusion/ej2-react-kanban": "29.2.4",
"@syncfusion/ej2-react-popups": "29.2.4",
"@syncfusion/ej2-react-richtexteditor": "29.2.4",
"@syncfusion/ej2-react-schedule": "^29.2.4",
"@syncfusion/ej2-react-treegrid": "29.2.4",
"@syncfusion/ej2-splitbuttons": "29.2.4"
The build is done by Vite, after few changes on the build as you can see below the final bundle file for syncfusion still very large.
optimizeDeps: {
include: ["react", "react-dom", "@emotion/styled", "@syncfusion"],
},
build: {
outDir: "build",
emptyOutDir: true,
sourcemap: false,
minify: "esbuild",
chunkSizeWarningLimit: 1000, // Set limit to 1000 KB
rollupOptions: {
output: {
manualChunks: (id) => {
if (id.includes("react-icons")) {
return "react-icons";
}
if (id.includes("syncfusion")) {
return "syncfusion";
}
if (id.includes("node_modules")) {
return "vendor";
}
},
},
},
},
build/assets/syncfusion-C7PSJIX8.js 7,221.71 kB │ gzip: 1,602.58 kB
What can be done to address this file size issue?
We are utilizing syncfusion v 29.2.4 with React 19.
The build is done by Vite, after few changes on the build as you can see below the final bundle file for syncfusion still very large.
What can be done to address this file size issue?