react 移动端使用antd mobile ui库

1、安装
	cnpm install antd-mobile --save
	cnpm install babel-plugin-import --save-dev
	cnpm install react-app-rewired customize-cra --save-dev
	
2、设置按需加载和按需打包
	(1)在项目根目录创建(与src同级),config-overrides.js文件
	
		const { override, fixBabelImports } = require('customize-cra');
			module.exports = override(
			    fixBabelImports('import', {
			    libraryName: 'antd-mobile',
			    style: 'css',
			 }),
		);
	(2)修改package.json命令为
	
		  "scripts": {
		    "start": "react-app-rewired start",
		    "build": "react-app-rewired build",
		    "test": "react-app-rewired test --env=jsdom",
		    "eject": "react-scripts eject"
		  }
		  
3、配置less和主题样式与之前的antd一样

4、重新运行项目
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值