- 使用lib-flexible插件
- postcss-px2rem插件
- 在config-overrides.js里面配置
const { override, fixBabelImports,addPostcssPlugins } = require('customize-cra') module.exports = override( fixBabelImports('import', { libraryName: 'antd-mobile', style: 'css', }), addPostcssPlugins([ require('postcss-px2rem')({ remUnit: 37.5 }) ]));
![89c8cc0caccd7655aefb110942c3486d.png](https://img-blog.csdnimg.cn/img_convert/89c8cc0caccd7655aefb110942c3486d.png)
- 在indejs里面引入lib-flexible
import React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';import * as serviceWorker from './serviceWorker';import 'lib-flexible';ReactDOM.render( , document.getElementById('root'));
- 页面就可以使用px单位插件会自动转换成rem了
![ae51f0f111d215715e5fc2c4ba1d3df9.png](https://img-blog.csdnimg.cn/img_convert/ae51f0f111d215715e5fc2c4ba1d3df9.png)