babel-plugin-react-autoimport-antd

This plugin can:

• Automatically import antd components
• Automatically import icons from @ant-design/icons
• Automatically import hooks No manual imports needed.

这个插件可以做到的是

• 自动引入antd组件
• 自动引入@ant-design/icons的icon
• 自动引入hooks 无需手动引入

Example

You have a component Component.jsx as follows: 你有一个组件 Component.jsx 如下:

const Component = () => {
  const [a, setA] = useState();
  return (
    <div>
    <div>putItAway <UpOutlined /></div>
    <div>launch <DownOutlined /></div>
     <Button type="primary">click</Button>
    </div>
  );
};
export default Component;

It will be compiled into: 将会被编译成:

import React, { useState } from 'react';
import { Button } from 'antd';
import { UpOutlined, DownOutlined } from '@ant-design/icons';
const Component = () => {
  const [a, setA] = useState();
  return (
    <div>
    <div>putItAway <UpOutlined /></div>
    <div>launch <DownOutlined /></div>
     <Button type="primary">click</Button>
    </div>
  );
};
export default Component;

With this plugin, you no longer need to manually import annoying antd components/antd icons/react hooks, and the world will become better. 有了这个插件可以不用再手动引入烦人的antd组件/antd的icon/react hooks了, 世界将变得美好