ant-design在create-react-app中配置按需加载组件

配置方法

在官方找到两种配置方法:

方法1



文档地址1

方法2



文档地址2

在这里推荐使用第二种方法。

在使用第一种方法时因为修改

/* package.json */
"scripts": {
-   "start": "react-scripts start",
+   "start": "react-app-rewired start",
-   "build": "react-scripts build",
+   "build": "react-app-rewired build",
-   "test": "react-scripts test --env=jsdom",
+   "test": "react-app-rewired test --env=jsdom",
}

在需要自定义配置时运行命令

yarn run eject

在运行start时会报如下错误

> document-design@0.1.0 start /home/moyu/React/document-design
> react-app-rewired start

module.js:559
throw err;
^

Error: Cannot find module 'react-scripts/package.json'
at Function.Module._resolveFilename (module.js:557:15)
at Function.resolve (internal/module.js:18:19)
at Object.<anonymous> (/home/moyu/React/document-design/node_modules/_react-app-rewired@1.5.0@react-app-rewired/scripts/utils/paths.js:24:11)
at Module._compile (module.js:662:30)
at Object.Module._extensions..js (module.js:673:10)
at Module.load (module.js:575:32)
at tryModuleLoad (module.js:515:12)
at Function.Module._load (module.js:507:3)
at Module.require (module.js:606:17)
at require (internal/module.js:11:18)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! document-design@0.1.0 start: `react-app-rewired start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the document-design@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/moyu/.npm/_logs/2018-03-26T07_02_16_812Z-debug.log

具体原因未知，希望有知道的大牛解答～

所以在这里我换成了第二种配置方法曲线救国。