react脚手架配置px自动转rem

配置方法

一、加两个依赖

代码语言：javascript复制

1yarn add postcss-plugin-px2rem lib-flexible

二、config/webpack.config.js 文件下152行加入代码

代码语言：javascript复制

1 [
2                    "postcss-plugin-px2rem",
3                    {
4                      rootValue: 60,
5                      unitPrecision: 5,
6                      propWhiteList: [],
7                      propBlackList: [],
8                      exclude: ["/node_modules/"],
9                      selectorBlackList: ["noRem"],
10                      ignoreIdentifier: false,
11                      replace: true,
12                      mediaQuery: false,
13                      minPixelValue: 10,
14                    },
15  ],

三、入口文件src/index.tsx引入lib-flexible

代码语言：javascript复制

1import App from "./App";
2import "lib-flexible";

webpack config src 配置

0 人点赞