antd-mobile按需加载

1方式一为手动引入实现按需加载

import DatePicker from 'antd-mobile/lib/date-picker';  // 加载 JS
import 'antd-mobile/lib/date-picker/style/css';        // 加载 CSS
// import 'antd-mobile/lib/date-picker/style';         // 加载 LESS

2方式二为自动引入实现按需加载

antd-mobile通过暴露配置 配合 babel-plugin-import插件实现按需加载

babel-plugin-import 是一个用于按需加载组件代码和样式的 babel 插件

1、暴露配置

npm run eject

2、安装babel-plugin-import插件 

npm install babel-plugin-import --save-dev

3、修改 package.json

  "babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "import",
        {
          "libraryName": "antd-mobile",
          "style": "css"
        }
      ]
    ]