react项目实现按需打包的方法

不少使用react的小伙伴可能还不知道react项目可以按需打包，本文主要给大家介绍react按需打包的方法。其实也非常简单

第一步安装babel-plugin-import

yarn add babel-plugin-import

npm install babel-plugin-import --save

第二步修改配置文件

在根目录下的package.json下的bable中添加下面的代码

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "import",
        {
          "libraryName": "antd",
          "style": "css"
           // 引入样式为 css
           // style为true 则默认引入less
        }
      ]
    ]
  }

通过安装上面的代码，按需打包就配置完成了，可以大大减少压缩线上项目的体积。