create-react-app antd mobx 以及按需加载

1 antd安装与配置

2 antd按需加载

3 mobx配置

 

1安装antd

npm install antd --save

在项目中

2 antd按需加载

安装第三方依赖

npm install babel-plugin-import --save

在项目根目不找到package.json 找到babel添加插件(plugins)

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

如下使用less方式进行

配置之前必须弹出create-react-app webpack配置

使用npm run eject

 

注意在配置less中，如果less版本为3.0添加javascriptEnabled:true

如下所示：

{
    loader: require.resolve('less-loader'),//添加less-loader加载
    options: {
        javascriptEnabled: true
    }
}

 

调用方式

import { Button, Form