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.

What are @babel/plugin-transform-modules-systemjs's main functionalities?

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();

Other packages similar to @babel/plugin-transform-modules-systemjs

Changelog

Source

v7.18.9 (2022-07-18)

:bug: Bug Fix

babel-plugin-transform-modules-systemjs, babel-types
- #14763 fix: allow exporting TSDeclareFunction as default (@zxbodya)
babel-generator
- #14758 fix: returnType with comments generates incorrect code (@liuxingbaoyu)

:nail_care: Polish

babel-cli
- #14748 Print a message when the watcher of babel-cli is ready. (@liuxingbaoyu)

:house: Internal

babel-core, babel-helper-remap-async-to-generator, babel-helpers, babel-parser, babel-plugin-transform-block-scoping, babel-preset-env
- #13414 Prepare for compiling Babel to native ESM (@nicolo-ribaudo)
babel-helper-create-class-features-plugin, babel-helper-member-expression-to-functions, babel-helper-remap-async-to-generator, babel-helper-replace-supers, babel-helper-wrap-function, babel-helpers, babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining, babel-plugin-proposal-decorators, babel-plugin-proposal-object-rest-spread, babel-plugin-proposal-optional-chaining, babel-plugin-transform-block-scoping, babel-plugin-transform-classes, babel-traverse, babel-types
- #14739 Provide better parentPath typings (@JLHwung)

:running_woman: Performance

babel-generator
- #14701 perf: Improve generator perf (@liuxingbaoyu)

Readme

Source