babel-plugin-import配置babel按需引入antd模块

• 安装yarn add babel-plugin-import
• 运行  npm run eject 
• 打开package.json文件　　

"babel": { 
　　　　"presets": [
　　　　　　"react-app" 
　　　　]
}

• 添加配置：

"babel": {
    "presets": [
      "react-app"
    ],

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

 

• style的属性为true的时候加载未编译为css的less，也就可以改变主题
• 如果style：“css”就是加载编译好的css，无法更改主题
• 确保src下没有.babelrc文件，重启项目