Saltar al contenido principal

@babel/plugin-transform-modules-systemjs

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

información

Este plugin está incluido en @babel/preset-env bajo la opción modules

Este plugin transforma módulos ECMAScript a SystemJS. Nota que solo se transforma la sintaxis de las declaraciones import/export (import "./mod.js") y expresiones de importación (import('./mod.js')), ya que Babel desconoce los diferentes algoritmos de resolución entre implementaciones de módulos ECMAScript y SystemJS.

Ejemplo​

Entrada

JavaScript
export default 42;

Salida

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

Para soporte de importación dinámica (import('./lazy.js').then(m => ...)), habilita el plugin @babel/plugin-syntax-dynamic-import antes de este.

Instalación​

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

Uso​

Mediante un archivo de configuración (Recomendado)​

Sin opciones:

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

Con opciones:

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

Mediante la CLI​

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

Mediante la API de Node​

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

Opciones​

moduleIds​

boolean Por defecto: !!moduleId

Añadido en: v7.9.0

Habilita la generación de IDs de módulo.

moduleId​

string

Añadido en: v7.9.0

ID fijo para usar en el módulo. No puede usarse junto con getModuleId.

getModuleId​

(name: string) => string

Añadido en: v7.9.0

Dado el nombre de módulo generado por Babel, devuelve el nombre a usar. Devolver un valor falso usará el name original.

moduleRoot​

string

Añadido en: v7.9.0

Una ruta raíz para incluir en los nombres de módulo generados.