//
npm install - D postcss-px-to-viewport
根目录创建 no.postcss.config.js
module.exports = {
plugins: {
"postcss-px-to-viewport": {
unitToConvert: "px", // 默认值`px`,需要转换的单位
viewportWidth: 1920,//视窗的宽度,对应的是我们设计稿的宽度
viewportHeight: 1080, // 视窗的高度,根据750设备的宽度来指定,一般指定1334,也可以不配置
unitPrecision: 3,//指定`px`转换为视窗单位值的小数位数,默认是5(很多时候无法整除)
viewportUnit: 'px',//指定需要转换成的视窗单位,建议使用vw
fontViewportUnit: 'vw', //指定字体需要转换成的视窗单位,默认vw;
selectorBlackList: ['.ignore'],//指定不转换为视窗单位的类
minPixelValue: 1,// 小于或等于`1px`不转换为视窗单位
mediaQuery: false,// 允许在媒体查询中转换`px`,默认false
// exclude:[/node_modules/], //如果是regexp, 忽略全部匹配文件;如果是数组array, 忽略指定文件.
}
}
}