babel-plugin-antd v0.5.1

babel-plugin-antd

CHANGELOG

0.5.1

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

Example

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>);

Usage

npm install babel-plugin-antd --save-dev

Via .babelrc or babel-loader.

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

options

options can be object.

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

options can be an array.

For Example:

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

style

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