@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.25.7 (2024-10-02)

:bug: Bug Fix

• babel-helper-validator-identifier
  • #16825 fix: update identifier to unicode 16 (@JLHwung)
• babel-traverse
  • #16814 fix: issue with node path keys updated on unrelated paths (@DylanPiercey)
• babel-plugin-transform-classes
  • #16797 Use an inclusion rather than exclusion list for super() check (@nicolo-ribaudo)
• babel-generator
  • #16788 Fix printing of TS infer in compact mode (@nicolo-ribaudo)
  • #16785 Print TS type annotations for destructuring in assignment pattern (@nicolo-ribaudo)
  • #16778 Respect [no LineTerminator here] after nodes (@nicolo-ribaudo)

:nail_care: Polish

• babel-types
  • #16852 Add deprecated JSDOC for fields (@liuxingbaoyu)

:house: Internal

• babel-core
  • #16820 Allow sync loading of ESM when --experimental-require-module (@nicolo-ribaudo)
• babel-helper-compilation-targets, babel-helper-plugin-utils, babel-preset-env
  • #16858 Add browserslist config to external dependency (@JLHwung)
• babel-plugin-proposal-destructuring-private, babel-plugin-syntax-decimal, babel-plugin-syntax-import-reflection, babel-standalone
  • #16809 Archive syntax-import-reflection and syntax-decimal (@nicolo-ribaudo)
• babel-generator
  • #16779 Simplify logic for [no LineTerminator here] before nodes (@nicolo-ribaudo)

:running_woman: Performance

• babel-plugin-transform-typescript
  • #16875 perf: Avoid extra cloning of namespaces (@liuxingbaoyu)
• babel-types
  • #16842 perf: Improve @babel/types builders (@liuxingbaoyu)
  • #16828 Only access BABEL_TYPES_8_BREAKING at startup (@nicolo-ribaudo)