0
点赞
收藏
分享

微信扫一扫

Umi创建react项目之配置额外的 postcss 插件。

婉殇成长笔记 2022-01-25 阅读 62

步骤1:

安装插件:

npm i lib-flexible -D

npm i postcss-pxtorem@5.1.1 -D

步骤2:

.umirc.ts文件中添加

import { defineConfig } from 'umi';
const pxtorem = require('postcss-pxtorem')

export default defineConfig({
  extraPostCSSPlugins: [ //配置额外的 postcss 插件。
    pxtorem({
      rootValue: 10, // 指定转换倍率,我现在设置这个表示1rem=10px;
      propList: ['*'], // 属性列表,表示你要把哪些css属性的px转换成rem,这个*表示所有
      selectorBalckList: ['.am-'], // 匹配不被转换为rem的选择器,例如UI框架antd-mobile
      exclude: /node_modules/i,
    }),
  ]
});

app.ts文件中引入lib-flexible

import 'lib-flexible'
举报

相关推荐

0 条评论