postcss.config.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. module.exports = {
  2. plugins: {
  3. // 'postcss-import': {},
  4. // 'postcss-aspect-ratio-mini': {},
  5. // 'postcss-write-svg': {
  6. // utf8: false
  7. // },
  8. // 'postcss-cssnext': {},
  9. // 'postcss-px-to-viewport': {
  10. // // 视窗的宽度,对应的是我们设计稿的宽度,一般是750
  11. // viewportWidth: 750,
  12. // // 视窗的高度,根据750设备的宽度来指定,一般指定1334,也可以不配置
  13. // viewportHeight: 1334,
  14. // // 指定`px`转换为视窗单位值的小数位数
  15. // unitPrecision: 3,
  16. // // 指定需要转换成的视窗单位,建议使用vw
  17. // viewportUnit: 'vw',
  18. // // 指定不转换为视窗单位的类,可以自定义,可以无限添加,建议定义一至两个通用的类名
  19. // selectorBlackList: ['.ignore', '.hairlines'],
  20. // // 小于或等于`1px`不转换为视窗单位,你也可以设置为你想要的值
  21. // minPixelValue: 1,
  22. // // 允许在媒体查询中转换`px`
  23. // mediaQuery: false
  24. // },
  25. // 'postcss-viewport-units': {
  26. // filterRule: rule => rule.selector.indexOf('::after') === -1 && rule.selector.indexOf('::before') === -1 && rule.selector.indexOf(':after') === -1 && rule.selector.indexOf(':before') === -1
  27. // },
  28. // cssnano: {
  29. // preset: 'advanced',
  30. // autoprefixer: false,
  31. // 'postcss-zindex': false
  32. // }
  33. autoprefixer: {},
  34. // "postcss-pxtorem": {
  35. // // "rootValue": 75,结果为:设计稿元素尺寸/75,比如元素宽750px,最终页面会换算成 10rem
  36. // // "rootValue": 75,
  37. // "rootValue": 100,
  38. // "propList": [
  39. // "*"
  40. // ]
  41. // }
  42. }
  43. };