import { Button } from 'antd' 分模块加载，是怎么做到的

Question

import { Button } from 'antd'，打包的时候只打包button，分模块加载，是怎么做到的?

Answer 1

通过 babel-plugin-import 配置处理。

{
  "plugins": [
    ["import", {
      "libraryName": "antd",
      "libraryDirectory": "es",
      "style": "css"
    }]
  ]
}

相当于

import Button from 'antd/es/button';
import 'antd/es/button/style/css';

你可以自行查看node_modules/antd下的相关文件。