react脚手架配置px自动转rem
2023-02-25 18:27:39 时间
配置方法
一、加两个依赖
1yarn add postcss-plugin-px2rem lib-flexible
二、config/webpack.config.js 文件下152行加入代码
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
1import App from "./App";
2import "lib-flexible";
相关文章
- HelloDjango 第 09 篇:让博客支持 Markdown 语法和代码高亮
- HelloDjango 第 08 篇:开发博客文章详情页
- HelloDjango 第 07 篇:创作后台开启,请开始你的表演!
- HelloDjango 第 06 篇:博客从“裸奔”到“有皮肤”
- HelloDjango 第 05 篇:Django 的接客之道
- HelloDjango 第 04 篇:Django 迁移、操作数据库
- HelloDjango 第 03 篇:创建 Django 博客的数据库模型
- 《HelloGitHub》第 40 期
- HelloDjango 第 02 篇:"空空如也"的博客应用
- HelloDjango 第 01 篇:开始进入 django 之旅
- HelloDjango 启动!免费带你学Django全栈!
- 《HelloGitHub》第 39 期
- 上不了名校?可以在 GitHub 上读他们的课程
- 我和 HelloGitHub
- 《HelloGitHub》第 38 期
- 《HelloGitHub》第 37 期
- 《HelloGitHub》第 36 期
- 《HelloGitHub》第 35 期
- 《HelloGitHub》第 34 期
- 《HelloGitHub》第 33 期