@babel/plugin-transform-modules-systemjs
Advanced tools
This plugin transforms ES2015 modules to SystemJS
The @babel/plugin-transform-modules-systemjs package is a plugin for Babel that transforms ECMAScript modules to SystemJS format. This is useful for enabling module loading in environments that do not natively support ES modules, or for integrating with module loaders that expect SystemJS format. It allows developers to write their code using the standard ES6 module syntax and then compile it to a format that is compatible with the SystemJS loader.
Transform ES modules to SystemJS
This feature allows you to write your modules using ES6 import/export syntax and then transform them into SystemJS format. The code sample shows a simple import statement that would be converted to SystemJS format by the plugin.
import { foo } from 'my-module';
foo();Customizable module IDs
The plugin allows for customization of the generated module IDs, enabling better integration with existing SystemJS configurations and module naming conventions. The code sample illustrates an export statement that would be transformed, with the module ID being customizable.
export const myExport = () => 'Hello World';Interop with CommonJS and AMD modules
The plugin provides interoperability with CommonJS and AMD modules, allowing them to be imported into SystemJS formatted modules. The code sample demonstrates importing a CommonJS module and using it within an ES module.
import cjsModule from 'commonjs-module';
cjsModule.doSomething();This package transforms ES6 modules to CommonJS format. It is similar to @babel/plugin-transform-modules-systemjs but targets a different module system. While SystemJS is a dynamic module loader that can load various module formats, CommonJS is a standard for Node.js and is used for server-side and some client-side JavaScript applications.
This Babel plugin transforms ES6 modules to Asynchronous Module Definition (AMD) format. Similar to the SystemJS plugin, it allows for writing modules in ES6 syntax and compiling them to a format compatible with AMD loaders like RequireJS. The main difference is the target module system; AMD is primarily used for asynchronous loading of modules in browsers.
This is a plugin for Rollup, a module bundler, that converts CommonJS modules into ES6 so they can be included in a Rollup bundle. It serves a similar purpose to @babel/plugin-transform-modules-systemjs by enabling the use of a different module format, but it is specific to the Rollup ecosystem and focuses on the conversion from CommonJS to ES6 rather than the other way around.
This plugin transforms ES2015 modules to SystemJS
See our website @babel/plugin-transform-modules-systemjs for more information.
Using npm:
npm install --save-dev @babel/plugin-transform-modules-systemjs
or using yarn:
yarn add @babel/plugin-transform-modules-systemjs --dev
v7.27.1 (2025-04-30)
babel-parser
babel-parser, babel-types
babel-plugin-proposal-destructuring-private, babel-plugin-proposal-do-expressions, babel-traverse
babel-helper-wrap-function, babel-plugin-transform-async-to-generator
babel-helper-remap-async-to-generator, babel-plugin-transform-async-to-generator
babel-helper-fixtures, babel-parser
babel-generator, babel-parser
babel-parser
babel-compat-data, babel-preset-env
babel-traverse
babel-generator
babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining, babel-plugin-proposal-decorators, babel-plugin-transform-arrow-functions, babel-plugin-transform-class-properties, babel-plugin-transform-destructuring, babel-plugin-transform-object-rest-spread, babel-plugin-transform-optional-chaining, babel-plugin-transform-parameters, babel-traverse
babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime
regenerator-runtime dep in @babel/runtime (@nicolo-ribaudo)babel-compat-data, babel-preset-env
babel-compat-data, babel-standalone
babel-register
@babel/register to cts (@liuxingbaoyu)babel-cli, babel-compat-data, babel-core, babel-generator, babel-helper-compilation-targets, babel-helper-fixtures, babel-helper-module-imports, babel-helper-module-transforms, babel-helper-plugin-test-runner, babel-helper-transform-fixture-test-runner, babel-helpers, babel-node, babel-parser, babel-plugin-transform-modules-amd, babel-plugin-transform-modules-commonjs, babel-plugin-transform-modules-systemjs, babel-plugin-transform-modules-umd, babel-plugin-transform-react-display-name, babel-plugin-transform-regenerator, babel-plugin-transform-runtime, babel-plugin-transform-typeof-symbol, babel-plugin-transform-typescript, babel-preset-env, babel-register, babel-standalone, babel-types
babel-plugin-transform-regenerator
babel-helpers, babel-plugin-transform-async-generator-functions, babel-plugin-transform-regenerator, babel-preset-env, babel-runtime-corejs3
babel-helpers, babel-plugin-transform-regenerator
babel-helpers
babel-helpers, babel-plugin-transform-modules-commonjs, babel-runtime-corejs3
interopRequireWildcard size (@liuxingbaoyu)babel-helpers, babel-plugin-transform-async-generator-functions, babel-plugin-transform-regenerator, babel-preset-env, babel-runtime-corejs3
regeneratorRuntime size (@liuxingbaoyu)FAQs
This plugin transforms ES2015 modules to SystemJS
The npm package @babel/plugin-transform-modules-systemjs receives a total of 18,795,171 weekly downloads. As such, @babel/plugin-transform-modules-systemjs popularity was classified as popular.
We found that @babel/plugin-transform-modules-systemjs demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Socket uncovered npm malware campaign mimicking popular Node.js libraries and packages from other ecosystems; packages steal data and execute remote code.
Research
Socket's research uncovers three dangerous Go modules that contain obfuscated disk-wiping malware, threatening complete data loss.
Research
Socket uncovers malicious packages on PyPI using Gmail's SMTP protocol for command and control (C2) to exfiltrate data and execute commands.