跳至主内容

@babel/plugin-syntax-dynamic-import

非官方测试版翻译

本页面由 PageTurner AI 翻译（测试版）。未经项目官方认可。 发现错误？ 报告问题 →

信息

此插件已包含在 @babel/preset-env 中，属于 ES2020 标准。

提示

如果使用 @babel/core 7.8.0 或更高版本，可安全地从 Babel 配置中移除此插件。

安装​

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

用法​

通过配置文件（推荐）​

babel.config.json
{
  "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

通过命令行​

Shell
babel --plugins @babel/plugin-syntax-dynamic-import script.js

通过 Node API​

JavaScript
require("@babel/core").transformSync("code", {
  plugins: ["@babel/plugin-syntax-dynamic-import"],
});

与 Webpack 和 @babel/preset-env 协作​

目前 @babel/preset-env 未检测到 Webpack 中 import() 的内部实现依赖 Promise。对于缺乏原生 Promise 支持的环境（如 Internet Explorer），需要手动添加 promise 和 iterator 垫片。

例如，使用 core-js@3：

webpack.config.js
const config = {
  entry: [
    "core-js/modules/es.promise",
    "core-js/modules/es.array.iterator",
    path.resolve(__dirname, "src/main.js"),
  ],
  // ...
};

或

src/main.js
import "core-js/modules/es.promise";
import "core-js/modules/es.array.iterator";

// ...

core-js@2 的配置逻辑相同，仅导入路径略有差异：

webpack.config.js
const config = {
  entry: [
    "core-js/modules/es6.promise",
    "core-js/modules/es6.array.iterator",
    path.resolve(__dirname, "src/main.js"),
  ],
  // ...
};

或

src/main.js
import "core-js/modules/es6.promise";
import "core-js/modules/es6.array.iterator";

// ...