babel-plugin-transform-es2015-modules-amd

What is babel-plugin-transform-es2015-modules-amd?

The babel-plugin-transform-es2015-modules-amd package is a Babel plugin that transforms ES2015 (ES6) module syntax into AMD (Asynchronous Module Definition) syntax. This is particularly useful for projects that need to support older module systems or integrate with legacy codebases that use AMD.

What are babel-plugin-transform-es2015-modules-amd's main functionalities?

Transform ES6 Import to AMD

This feature transforms ES6 import statements into AMD define calls. The code sample demonstrates how an ES6 import statement is converted to AMD syntax using the plugin.

const code = `import { example } from './example';`;
const output = babel.transform(code, { plugins: ['transform-es2015-modules-amd'] }).code;
console.log(output);

Transform ES6 Export to AMD

This feature transforms ES6 export statements into AMD define calls. The code sample shows how an ES6 export statement is converted to AMD syntax using the plugin.

const code = `export const example = 'example';`;
const output = babel.transform(code, { plugins: ['transform-es2015-modules-amd'] }).code;
console.log(output);

Other packages similar to babel-plugin-transform-es2015-modules-amd

babel-plugin-transform-es2015-modules-commonjs

This package transforms ES2015 module syntax into CommonJS syntax. It is useful for projects that need to support Node.js environments or other systems that use CommonJS. Unlike babel-plugin-transform-es2015-modules-amd, which targets AMD, this plugin targets CommonJS.

babel-plugin-transform-es2015-modules-umd

This package transforms ES2015 module syntax into UMD (Universal Module Definition) syntax. UMD is designed to work everywhere, whether in the browser, Node.js, or as an AMD module. This makes it more versatile compared to babel-plugin-transform-es2015-modules-amd, which specifically targets AMD.

babel-plugin-transform-es2015-modules-systemjs

This package transforms ES2015 module syntax into SystemJS module syntax. SystemJS is a dynamic module loader that can load modules in various formats. This plugin is useful for projects that use SystemJS for module loading, offering a different target compared to the AMD focus of babel-plugin-transform-es2015-modules-amd.

README

babel-plugin-transform-es2015-modules-amd

This plugin transforms ES2015 modules to Asynchronous Module Definition (AMD).

Example

In

export default 42;

Out

define(["exports"], function (exports) {
  "use strict";

  Object.defineProperty(exports, "__esModule", {
    value: true
  });

  exports.default = 42;
});

Installation

npm install --save-dev babel-plugin-transform-es2015-modules-amd

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["transform-es2015-modules-amd"]
}

Via CLI

babel --plugins transform-es2015-modules-amd script.js

Via Node API

require("babel-core").transform("code", {
  plugins: ["transform-es2015-modules-amd"]
});

Options

See options for babel-plugin-transform-es2015-commonjs.