跳至主要内容

@babel/plugin-transform-modules-systemjs

信息

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

此插件将 ECMAScript 模块转换为 SystemJS。请注意，只有 import/export 语句（import "./mod.js"）和 import 表达式（import('./mod.js')）的语法被转换，因为 Babel unaware of different resolution algorithms between implementations of ECMAScript modules and 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"
      }
    ]
  ]
}

通过 CLI​

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​

字符串

添加于：v7.9.0

用于模块的硬编码 ID。不能与 getModuleId 一起使用。

getModuleId​

(name: string) => string

添加于：v7.9.0

给定 Babel 生成的模块名称，返回要使用的名称。返回一个错误值将使用原始 name。

moduleRoot​

字符串

添加于：v7.9.0

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