postcss.config.js 1.2 KB

12345678910111213141516171819202122
  1. module.exports = {
  2. plugins: {
  3. autoprefixer: {},
  4. 'postcss-px-to-viewport': {
  5. unitToConvert: 'px', // 默认值`px`,需要转换的单位
  6. viewportWidth: 375, // 视窗的宽度,对应设计稿宽度
  7. viewportHeight: 667, // 视窗的高度, 根据375设备的宽度来指定,一般是667,也可不配置
  8. unitPrecision: 5, // 指定`px`转换为视窗单位值的小数位数
  9. propList: ['*'], // 转化为vw的属性列表
  10. viewportUnit: 'vw', // 指定需要转换成视窗单位
  11. fontViewportUnit: 'vw', // 字体使用的视窗单位
  12. selectorBlaskList: ['.ignore-'], // 指定不需要转换为视窗单位的类
  13. mediaQuery: false, // 允许在媒体查询中转换`px`
  14. minPixelValue: 1, // 小于或等于`1px`时不转换为视窗单位
  15. replace: true, // 是否直接更换属性值而不添加备用属性
  16. exclude: /(\/|\\)(node_modules)(\/|\\)/, // 忽略某些文件夹下的文件或特定文件
  17. landscape: false, // 是否添加根据landscapeWidth生成的媒体查询条件 @media (orientation: landscape)
  18. landscapeUnit: 'vw', // 横屏时使用的单位
  19. landscapeWidth: 1134 // 横屏时使用的视窗宽度
  20. }
  21. }
  22. }