Developer Tools

A set of tools for developers.

Convert Named Imports to Default Imports

Convert Named Imports to Default Imports. This tool will convert named imports to default imports. For example:

import { Grid, Box } from "@mui/material";
import { get } from 'lodash';
will be converted to:
import Grid from "@mui/material/Grid";
import Box from "@mui/material/Box";
import get from 'lodash/get';

The benefit of using default imports is that you can import only the necessary functions or components. This will help reduce the bundle size of your application. try to see following example:

named-to-default-import

The bundle size is reduced from 25.3k to 2.7k. This is a huge difference, right?