yesmeck / antd.macro

A babel macro that helps you import antd's style.

antd.macro

A babel macro that helps you import antd's style.

Installation

$ npm install antd.macro --save-dev

Usage

import { Button } from 'antd.macro';

Transforms to:

import 'antd/es/button/css';
import { Button } from 'antd';

Config

Create a babel-plugin-macros config file.

// babel-plugin-macros.config.js
module.exports = {
  antd: {
    style: 'less' // default is 'css',
  },
}

What's the difference with babel-plugin-import?

1. It's explicitly.
2. It's antd-specific.
3. It can be used in CRA directly without ejecting.
4. It keeps your import statements, since webpack already has tree-shaking, it's unnecessary to import a component from a specific location.

License

MIT

antd.macro's Issues

Components with `-` in the name fails to load

Do you want to request a feature or report a bug?
Bug

What is the current behavior?
When trying to import any of these components:

• DatePicker
• TimePicker
• AutoComplete
• ConfigProvider
• InputNumber
• PageHeader
• TreeSelect

the macro fails because the path to the component includes a - character.

What is the expected behavior?
The macro should import the component with the correct path.