postcss.config.cjs 1.0 KB

123456789101112131415161718
  1. module.exports = {
  2. plugins: [
  3. require('postcss-px-to-viewport')({
  4. unitToConvert: 'px', // 要转换的单位,通常是 px
  5. viewportWidth: 375, // 设计稿的宽度,通常为375,适配移动端
  6. viewportHeight: 667, // 可选,设计稿的高度,如果没有,可以省略
  7. unitPrecision: 5, // 转换后的精度,即小数点位数
  8. propList: ['*'], // 要转换的属性,* 表示所有属性都转换
  9. viewportUnit: 'vw', // 使用的视口单位,可以是 vw, vh
  10. fontViewportUnit: 'vw', // 字体使用的视口单位
  11. selectorBlackList: ['.ignore', '.hairlines'], // 忽略转换的类名
  12. minPixelValue: 1, // 小于或等于1px的样式不会转换
  13. mediaQuery: false, // 是否在媒体查询中转换px
  14. replace: true, // 是否直接替换原有单位
  15. exclude: /node_modules/i // 排除 node_modules 中的文件
  16. })
  17. ]
  18. }