create-react-app
1.下载插件
npm install postcss-px-to-viewport --save-dev
2.将config文件夹暴露显示在目录中
npm run eject
3.复制代码( 放在149行 'postcss-normalize')
require('postcss-px-to-viewport')({
viewportWidth: 750, // (Number) 转换的基础参考比例(设计稿的宽度)
unitPrecision: 3, // (Number) 转换之后保留多少位小数
viewportUnit: "vw", // (String) 转换之后的单位
selectorBlackList: [], // (Array) 哪一些指定的选择器不进行转换
minPixelValue: 1, // (Number) 最小开始转换的像素值
mediaQuery: false // (Boolean) 是否允许在媒体查询中使用转换
}),
react-umi移动端适配
1.下载插件
yarn add postcss-px-to-viewport -S
2.在umirc.js中引入postcss-px-to-viewport这个模块
import postCssPxToViewport from "postcss-px-to-viewport"
extraPostCSSPlugins: [
postCssPxToViewport({
viewportWidth: 375
})],