@babel/helper-module-transforms

What is @babel/helper-module-transforms?

The @babel/helper-module-transforms package is part of the Babel toolchain, designed to assist in the transformation of ECMAScript modules. It provides utility functions and helpers that facilitate the conversion of ES6 module syntax (import/export) to various module systems (like CommonJS, AMD, UMD, etc.) that are compatible with different environments and bundlers. This package is mainly used internally by Babel plugins to abstract and simplify the handling of module transformations.

What are @babel/helper-module-transforms's main functionalities?

Transform ES6 import/export to CommonJS

This feature allows the transformation of ES6 module syntax into CommonJS syntax, enabling compatibility with environments that support CommonJS modules. The code sample demonstrates how an ES6 import statement is transformed into a CommonJS require call.

"use strict";\n\nvar _foo = require("foo");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar _foo2 = _interopRequireDefault(_foo);\n\nconsole.log(_foo2.default);

Interoperability with default and named exports

Ensures interoperability between ES6 modules and CommonJS by handling default and named exports. The code sample shows how a default export in ES6 is transformed to be compatible with CommonJS, including the use of Object.defineProperty to simulate ES6 export behavior.

"use strict";\n\nObject.defineProperty(exports, "__esModule", {\n  value: true\n});\nexports.default = void 0;\nvar _default = 'Hello, world!';\nexports.default = _default;

Other packages similar to @babel/helper-module-transforms

@babel/plugin-transform-modules-commonjs

This package is a Babel plugin that transforms ES6 modules to CommonJS modules. It is similar to @babel/helper-module-transforms in that it deals with module transformation, but it is specifically a plugin that can be added to Babel configurations to apply the transformation, whereas @babel/helper-module-transforms provides the underlying functionalities used by such plugins.

rollup-plugin-babel

While not a direct alternative, rollup-plugin-babel integrates Babel with Rollup, a module bundler. This plugin allows Rollup to use Babel for transforming JavaScript, including module syntax. It's similar in the sense that it deals with module transformations as part of the build process, but it operates within the Rollup ecosystem.

README

@babel/helper-module-transforms

Babel helper functions for implementing ES6 module transformations

See our website @babel/helper-module-transforms for more information.

Install

Using npm:

npm install --save @babel/helper-module-transforms

or using yarn:

yarn add @babel/helper-module-transforms

Changelog

v7.26.0 (2024-10-25)

:rocket: New Feature

• babel-core, babel-generator, babel-parser, babel-plugin-syntax-import-assertions, babel-plugin-syntax-import-attributes, babel-preset-env, babel-standalone, babel-types
  • #16850 Enable import attributes parsing by default (@nicolo-ribaudo)
• babel-core
  • #16862 feat: support async plugin's pre/post (@timofei-iatsenko)
• babel-compat-data, babel-plugin-proposal-regexp-modifiers, babel-plugin-transform-regexp-modifiers, babel-preset-env, babel-standalone
  • #16692 Add transform-regexp-modifiers to preset-env (@JLHwung)
• babel-parser
  • #16849 feat: add startIndex parser option (@DylanPiercey)
• babel-generator, babel-parser, babel-plugin-syntax-flow
  • #16841 Always enable parsing of Flow enums (@nicolo-ribaudo)
• babel-helpers, babel-preset-typescript, babel-runtime-corejs3
  • #16794 Support import() in rewriteImportExtensions (@liuxingbaoyu)
• babel-generator, babel-parser
  • #16708 Add experimental format-preserving mode to @babel/generator (@nicolo-ribaudo)

:bug: Bug Fix

• babel-core
  • #16928 Workaround Node.js bug for parallel loading of TLA modules (@nicolo-ribaudo)
  • #16926 Fix loading of modules with TLA in Node.js 23 (@nicolo-ribaudo)

:nail_care: Polish

• babel-plugin-proposal-json-modules, babel-plugin-transform-json-modules, babel-standalone
  • #16924 Rename proposal-json-modules to transform-json-modules (@nicolo-ribaudo)

:house: Internal

• babel-code-frame, babel-highlight
  • #16896 Inline @babel/highlight in @babel/code-frame (@nicolo-ribaudo)
• babel-generator, babel-parser, babel-types
  • #16732 Add kind to TSModuleDeclaration (@liuxingbaoyu)

:running_woman: Performance

• babel-helper-module-transforms, babel-plugin-transform-modules-commonjs
  • #16882 perf: Improve module transforms (@liuxingbaoyu)