Have ideas to improve npm?Join in the discussion! »

    This package has been deprecated

    Author message:

    babel-plugin-antd is renamed to babel-plugin-import

    babel-plugin-antd

    0.5.1 • Public • Published

    babel-plugin-antd

    NPM version Build Status


    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)

    Install

    npm i babel-plugin-antd

    DownloadsWeekly Downloads

    435

    Version

    0.5.1

    License

    MIT

    Last publish

    Collaborators

    • avatar