react 使用rem布局_react如何使用rem适配

最新推荐文章于 2024-07-27 10:48:03 发布

仲树

最新推荐文章于 2024-07-27 10:48:03 发布

阅读量1.9k

点赞数

文章标签： react 使用rem布局

本文链接：https://blog.csdn.net/weixin_42406333/article/details/113536200

版权

使用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 })    ]));

在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'));