umi 中使用 px2rem 插件

umi 中使用 px2rem 插件

1. 安装依赖

npm install postcss-px2rem --save-dev 

px2rem 的依赖会装到 package.json 的 devDependencies 属性中

2. 在配置文件中配置

// config/config.js 或者 .umirc.js
 import pxtorem from 'postcss-px2rem';
   export default defineConfig({
     ...otherConfigs, // 其他的配置项
     extraPostCSSPlugins: [
        pxtorem({
          rootValue: 192, // 根据设计稿设置
          propList: ['*']
       }),
    ]
 });

贼神奇，搞了好久才有效果，明明就这么几行代码，qiao