Vai al contenuto principale

@babel/plugin-transform-modules-systemjs

Traduzione Beta Non Ufficiale

Questa pagina è stata tradotta da PageTurner AI (beta). Non ufficialmente approvata dal progetto. Hai trovato un errore? Segnala problema →

informazioni

Questo plugin è incluso in @babel/preset-env nell'opzione modules

Questo plugin trasforma i moduli ECMAScript in SystemJS. Nota che viene trasformata solo la sintassi delle dichiarazioni import/export (import "./mod.js") e delle espressioni di import (import('./mod.js')), poiché Babel non è a conoscenza dei diversi algoritmi di risoluzione tra le implementazioni dei moduli ECMAScript e SystemJS.

Esempio​

In

JavaScript
export default 42;

Out

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

Per supportare l'import dinamico (import('./lazy.js').then(m => ...)), abilita il plugin @babel/plugin-syntax-dynamic-import prima di questo.

Installazione​

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

Utilizzo​

Con un file di configurazione (Consigliato)​

Senza opzioni:

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

Con opzioni:

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

Tramite CLI​

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

Tramite Node API​

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

Opzioni​

moduleIds​

boolean predefinito a !!moduleId

Aggiunto in: v7.9.0

Abilita la generazione degli ID modulo.

moduleId​

string

Aggiunto in: v7.9.0

Un ID predefinito da utilizzare per il modulo. Non può essere usato insieme a getModuleId.

getModuleId​

(name: string) => string

Aggiunto in: v7.9.0

Dato il nome del modulo generato da Babel, restituisce il nome da utilizzare. Restituire un valore falsy farà utilizzare il name originale.

moduleRoot​

string

Aggiunto in: v7.9.0

Un percorso root da includere nei nomi dei moduli generati.