create-react-app 按需加载antd组件

按antd官网进行配置,执行npm start 会报错The "injectBabelPlugin" helper has been deprecated as of v2.0.
解决方案如下:

//1
create-react-app my-app
//2
cd my-app
//3
npm install react-app-rewired@2.0.2-next.0 --save-dev
//4
npm install babel-plugin-import --save-dev
//5
npm install antd-mobile --save

修改package.json

"scripts": {
  "start": "react-app-rewired start",
  "build": "react-app-rewired build",
  "test": "react-app-rewired test --env=jsdom",
  "eject": "react-scripts eject"
},

在项目根目录创建一个 config-overrides.js

const { injectBabelPlugin } = require('react-app-rewired');
module.exports = function override(config,env) {
    config = injectBabelPlugin(['import',{ libraryName: 'antd-mobile',style:'css'}],config)
    return config
}

npm run build 报如下错误
Module build failed: BrowserslistError: Unknown browser query dead
修改package.json 把 "not dead"删掉

"browserslist": [
    ">0.2%",
    "not dead",//把这一行删掉
    "not ie <= 11",
    "not op_mini all"
  ],
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容