Skip to content

Large file after build #164

@zebamba

Description

@zebamba

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?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions