postcss.config.js 880 B

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