babel-plugin-transform-es2015-modules-simple-destructure-amd

Limited transformer for ECMAScript 2015 modules (AMD)

Converts this code:

1import x from '/path/to/x';
2import y from '/path/to/y';
3import React, { Component } from 'react';
4doSomething();
5export default x + y;

Into this one:

1define(['/path/to/x', '/path/to/y', 'react'], function (x, y, React) {
2    var Component = React.Component;
3    doSomething();
4    return x + y;
5});

Instead of this one (generated with babel-plugin-transform-es2015-modules-amd):

1define(['exports', '/path/to/x', '/path/to/y', 'react'], function (exports, _x, _y, _react) {
2  Object.defineProperty(exports, "__esModule", {
3    value: true
4  });
5
6  var _x2 = _interopRequireDefault(_x);
7
8  var _y2 = _interopRequireDefault(_y);
9
10  var _react2 = _interopRequireDefault(_react);
11
12  var _component2 = _react2.default.Component;
13
14  function _interopRequireDefault(obj) {
15    return obj && obj.__esModule ? obj : {
16      'default': obj
17    };
18  }
19
20  doSomething();
21  exports.default = _x2.default + _y2.default;
22});

Supported features:

• import SPECIFIER from 'PATH'
• import 'PATH'
• import {SPECIFIER1, SPECIFIER2 as SPECIFIER3} from 'PATH'
• import SPECIFIER1, {SPECIFIER2, SPECIFIER3 as SPECIFIER4} from 'PATH'
• export default NODE

Other features aren't supported.

Warning. If no import or export are presented in JavaScript file, the plugin does nothing (means it doesn't wrap code with define).

Installation

1$ npm install --save-dev babel-plugin-transform-es2015-modules-simple-destructure-amd

Usage

Via .babelrc (Recommended)

.babelrc

1{
2  "plugins": ["transform-es2015-modules-simple-destructure-amd"]
3}

Via Node API

1require('babel').transform('code', {
2  plugins: ['transform-es2015-modules-simple-destructure-amd']
3});

Thanks to finom.