babel-plugin-dynamic-import-polyfill

*babel-plugin-dynamic-import-polyfill.md

Polyfill dynamic import() in all ES Modules-supporting browsers.

Drop this polyfill into your page: https://github.com/GoogleChromeLabs/dynamic-import-polyfill

... then add the Babel transform:

import dynamicImportPolyfill from 'dynamic-import-polyfill';

dynamicImportPolyfill.initialize({
  importFunctionName: '$$import'
});

Now dynamic import() works everywhere where @babel/preset-modules works!

babel-plugin-dynamic-import-polyfill.js

export default ({ types: t }) => {
  return {
    name: 'transform-import-alias',
    visitor: {
      Import(path, state) {
        const identifier = state.opts.alias || '$$import';
        path.replaceWith(t.identifier(identifier));
      }
    }
  };
};