babel/packages/babel-plugin-transform-modules-systemjs

@babel/plugin-transform-modules-systemjs

This plugin transforms ES2015 modules to SystemJS.

Example

In

export default 42;

Out

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

For dynamic import support (import('./lazy.js').then(m => ...)), enable the syntax-dynamic-import plugin before this one.

Installation

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

Usage

Via .babelrc (Recommended)

.babelrc

Without options:

{
  "plugins": ["@babel/transform-modules-systemjs"]
}

With options:

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

Via CLI

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

Via Node API

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