跳至主内容

@babel/plugin-transform-modules-systemjs

非官方测试版翻译

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

信息

此插件已包含在 @babel/preset-env 的 modules 选项中

该插件将 ECMAScript 模块转换为 SystemJS 格式。请注意，Babel 仅转换 import/export 语句（import "./mod.js"）和 import 表达式（import('./mod.js')）的语法，因为 Babel 并不了解 ECMAScript 模块与 SystemJS 在解析算法上的差异。

示例​

输入

JavaScript
export default 42;

输出

JavaScript
System.register([], function(_export, _context) {
  return {
    setters: [],
    execute: function() {
      _export("default", 42);
    },
  };
});

如需支持动态导入（import('./lazy.js').then(m => ...)），请确保在启用此插件前先启用 @babel/plugin-syntax-dynamic-import 插件。

安装​

npm install --save-dev @babel/plugin-transform-modules-systemjs

用法​

通过配置文件（推荐）​

无配置选项时：

babel.config.json
{
  "plugins": ["@babel/plugin-transform-modules-systemjs"]
}

使用配置选项时：

babel.config.json
{
  "plugins": [
    [
      "@babel/plugin-transform-modules-systemjs",
      {
        // outputs SystemJS.register(...)
        "systemGlobal": "SystemJS"
      }
    ]
  ]
}

通过命令行​

Shell
babel --plugins @babel/plugin-transform-modules-systemjs script.js

通过 Node API​

JavaScript
require("@babel/core").transformSync("code", {
  plugins: ["@babel/plugin-transform-modules-systemjs"],
});

配置选项​

moduleIds​

boolean 默认值：!!moduleId

添加于：v7.9.0

启用模块 ID 生成功能。

moduleId​

string

添加于：v7.9.0

用于模块的硬编码 ID。不可与 getModuleId 同时使用。

getModuleId​

(name: string) => string

添加于：v7.9.0

接收 Babel 生成的模块名，返回要使用的名称。返回假值将保留原始 name。

moduleRoot​

string

添加于：v7.9.0

要包含在生成模块名称中的根路径。