Reactant.design按需引入

需要下载的包

$ yarn add antd react-app-rewired customize-cra
$ yarn add babel-plugin-import --save-dev


修改package.json

/* package.json */
"scripts": {
- "start": "react-scripts start",
&＃43; "start": "react-app-rewired start",
- "build": "react-scripts build",
&＃43; "build": "react-app-rewired build",
- "test": "react-scripts test",
&＃43; "test": "react-app-rewired test",
}


项目根目录创建一个 config-overrides.js 用于修改默认配置。

const { override, fixBabelImports } &＃61; require(&＃39;customize-cra&＃39;);module.exports &＃61; override(fixBabelImports(&＃39;import&＃39;, {libraryName: &＃39;antd&＃39;,libraryDirectory: &＃39;es&＃39;,style: &＃39;css&＃39;,}),
);


此时&＃xff0c;全局引入的css不再需要 **&＃64;import ‘~antd/dist/antd.css’;**如果你引用过这个&＃xff0c;请删除它