* Create @babel/plugin-proposal-dynamic-import * Use airbnb/babel-plugin-dynamic-import-node Do not duplicate code, which will unavoidably lead to bugs being fixed in one plugin and not in the other. * Update error message * Add error callback to amd interop * Update babel-plugin-dynamic-import-node
42 lines
1.2 KiB
JavaScript
42 lines
1.2 KiB
JavaScript
import { declare } from "@babel/helper-plugin-utils";
|
|
import syntaxDynamicImport from "@babel/plugin-syntax-dynamic-import";
|
|
import { version } from "../package.json";
|
|
|
|
const SUPPORTED_MODULES = ["commonjs", "amd", "systemjs"];
|
|
|
|
const MODULES_NOT_FOUND = `\
|
|
@babel/plugin-proposal-dynamic-import depends on a modules
|
|
transform plugin. Supported plugins are:
|
|
- @babel/plugin-transform-modules-commonjs ^7.4.0
|
|
- @babel/plugin-transform-modules-amd ^7.4.0
|
|
- @babel/plugin-transform-modules-systemjs ^7.4.0
|
|
|
|
If you are using Webpack or Rollup and thus don't want
|
|
Babel to transpile your imports and exports, you can use
|
|
the @babel/plugin-syntax-dynamic-import plugin and let your
|
|
bundler handle dynamic imports.
|
|
`;
|
|
|
|
export default declare(api => {
|
|
api.assertVersion(7);
|
|
|
|
return {
|
|
name: "proposal-dynamic-import",
|
|
inherits: syntaxDynamicImport,
|
|
|
|
pre() {
|
|
this.file.set("@babel/plugin-proposal-dynamic-import", version);
|
|
},
|
|
|
|
visitor: {
|
|
Program() {
|
|
const modules = this.file.get("@babel/plugin-transform-modules-*");
|
|
|
|
if (!SUPPORTED_MODULES.includes(modules)) {
|
|
throw new Error(MODULES_NOT_FOUND);
|
|
}
|
|
},
|
|
},
|
|
};
|
|
});
|