Mui bundle size?

1

Hello,

I have a problem with mui lib that is taking almost 2.5MB of my bundle size

Screenshot 2023-05-25 at 11.33.22
Screenshot 2023-05-25 at 11.33.221568×1296 122 KB

I only have named import like this import X from "@mui/material/X" and also setup in my .babelrc file

[
      "babel-plugin-direct-import",
      {
        "modules": ["@mui/material", "@mui/icons-material"]
      }
    ],

I do not know what I am missing ?

Thanks

2

You shouldn’t need to do both (direct import plugin and named imports directly manually). Also I usually use this plugin instead:

{
  "plugins": [
    [
      "transform-imports",
      {
        "@fortawesome/free-solid-svg-icons": {
          "transform": "@fortawesome/free-solid-svg-icons/${member}",
          "skipDefaultConversion": true
        },
        "@fortawesome/free-regular-svg-icons": {
          "transform": "@fortawesome/free-regular-svg-icons/${member}",
          "skipDefaultConversion": true
        },
        "@fortawesome/free-brands-svg-icons": {
          "transform": "@fortawesome/free-brands-svg-icons/${member}",
          "skipDefaultConversion": true
        }
      }
    ]
  ]
}

Remember that you need to install the plugin as well and make sure the conversion is really happening by looking to your final code inside the bundle.

3

Thanks @filipenevola, I must have another problem then because I do not have any undirect import in my code and still have this huge bundle.
Very weird, I have try removing dependencies that might cause problems but I still have the same size