Modular import plugin for babel, compatible with antd, antd-mobile, and so on.

1.0.0

Rename to babel-plugin-import.

• BREAKCHANGE: Don't support libDir anymore, replace it with libraryDirectory
• BREAKCHANGE: Remove libraryName default value (previous antd)
• #66, Support material-ui
  • libraryDirectory could be empty string
  • add option camel2DashComponentName, default true
• #67, Support ExpressionStatement

0.5.1

• #50 - Support both antd and antd-mobile
• #51 - Support export import

Converts

import { Button } from 'antd';

ReactDOM.render(<div>
  <Button>xxxx</Button>
</div>);

(roughly) to

var _button = require('antd/lib/button');

ReactDOM.render(<div>
  <_button>xxxx</_button>
</div>);

npm install babel-plugin-import --save-dev

Via .babelrc or babel-loader.

{
  "plugins": [["import", options]]
}

options can be object.

{
  "style": true,
  "libraryDirectory": "component",  // default: lib
  "libraryName": "antd",
  "camel2DashComponentName": false, // default: true
}

options can be an array.

For Example:

[
  {
    "libraryName": "antd",
    "libraryDirectory": "lib",   // default: lib
    "style": true
  },
  {
    "libraryName": "antd-mobile",
    "libraryDirectory": "component",
  },
]

• ["import", [{ "libraryName": "antd" }]]: import js modularly
• ["import", [{ "libraryName": "antd", "style": true }]]: import js and css modularly (less source files)
• ["import", [{ "libraryName": "antd", "style": "css" }]]: import js and css modularly (css built files)