如何在reactjs中使用rfs

npm install rfs

import 'rfs';

module.exports = {
  baseValue: 16, // 基准值，即默认字体大小
  breakpoints: {
    sm: 576, // 小屏幕断点
    md: 768, // 中等屏幕断点
    lg: 992, // 大屏幕断点
    xl: 1200 // 超大屏幕断点
  },
  unit: 'rem', // 使用rem作为单位
  unitPrecision: 5, // 单位精度
  breakpointUnit: 'px', // 断点单位
  factor: 10, // 缩放因子
  class: false, // 是否生成类名
  classSuffix: '', // 类名后缀
  remValue: false, // 是否生成rem值
  remUnit: 'px', // rem单位
  remPrecision: 5 // rem精度
};

import React from 'react';
import './rfs.config'; // 导入RFS配置文件

const MyComponent = () => {
  return (
    <div style={{ fontSize: 'rfs(16)' }}>Hello World</div>
  );
};

export default MyComponent;