@babel/plugin-transform-dynamic-import

What is @babel/plugin-transform-dynamic-import?

The @babel/plugin-transform-dynamic-import npm package allows Babel to parse and transform the dynamic import() syntax. It enables code splitting and lazy loading of modules at runtime, which can improve the performance of web applications by reducing the initial load time.

What are @babel/plugin-transform-dynamic-import's main functionalities?

Transform dynamic import() to require

This feature transforms the dynamic import() syntax into a CommonJS require.ensure or require that is understood by environments that do not support the import() syntax natively. It allows for code splitting and on-demand loading of modules.

import('path/to/module').then(module => {
  // Use module
});

Other packages similar to @babel/plugin-transform-dynamic-import

babel-plugin-dynamic-import-node

This package is similar to @babel/plugin-transform-dynamic-import but specifically targets Node.js environments. It transforms import() syntax into require() calls for server-side use where dynamic imports are not natively supported.

babel-plugin-syntax-dynamic-import

This package allows Babel to parse the dynamic import() syntax but does not perform any transformation. It is useful when you want to enable parsing for this syntax without altering the code output, often used in combination with other plugins or when the target environment supports dynamic imports natively.

README

@babel/plugin-transform-dynamic-import

Transform import() expressions

See our website @babel/plugin-transform-dynamic-import for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-transform-dynamic-import

or using yarn:

yarn add @babel/plugin-transform-dynamic-import --dev