首页 > 移动平台 > 详细

create-react-app+react-app-rewired引入antd实践

时间:2019-05-17 17:34:31      阅读:221      评论:0      收藏:0      [点我收藏+]
npm install antd --save

npm install babel-plugin-import --save-dev
npm install react-app-rewired customize-cra

  

修改package.json下的

技术分享图片

 

改成(如下图)

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

技术分享图片

 

 

 在项目根目录下(和 package.json 同级)新建配置文件 config-overrides.js ,并添加如下内容,这是默认的,

module.exports = function override(config, env) {

// 在这里添加配置

return config;

}

  

如果要接入第三方要这样

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

  如果报错了那肯定是看了网上的文章

技术分享图片

那肯定是没有安装  customize-cra

https://ant.design/docs/react/use-with-create-react-app-cn(把这个页面好好看看)

技术分享图片

 

 

 

create-react-app+react-app-rewired引入antd实践

原文:https://www.cnblogs.com/dianzan/p/10882502.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!