| 123456789101112131415161718192021 |
- // postcss.config.js
- import pxToViewport from 'postcss-px-to-viewport-8-plugin'
- export default {
- plugins: [
- pxToViewport({
- unitToConvert: 'px', // 要转换的单位
- viewportWidth: 750, // 设计稿宽度(通常为 750)
- unitPrecision: 6, // 转换后保留的小数位数
- propList: ['*'], // 需要转换的属性(全部)
- viewportUnit: 'vw', // 转换成的视窗单位
- fontViewportUnit: 'vw', // 字体也使用 vw
- selectorBlackList: ['ignore', 'van-'], // 忽略的选择器,匹配类名
- minPixelValue: 1, // 小于或等于1px的不转换
- mediaQuery: false, // 是否转换 media queries 中的 px
- replace: true, // 是否直接替换属性值,而不是追加
- exclude: [/node_modules/], // 忽略文件夹(例如 node_modules)
- landscape: false, // 是否处理横屏
- }),
- ],
- }
|