postcss.config.js 1.2 KB

123456789101112131415161718192021222324252627282930
  1. module.exports = {
  2. plugins: {
  3. 'postcss-import': {},
  4. 'postcss-url': {},
  5. 'postcss-aspect-ratio-mini': {},
  6. 'postcss-write-svg': {
  7. utf8: false
  8. },
  9. 'postcss-cssnext': {},
  10. 'postcss-px-to-viewport': {
  11. viewportWidth: 750, // (Number) The width of the viewport.
  12. viewportHeight: 1334, // (Number) The height of the viewport.
  13. unitPrecision: 3, // (Number) The decimal numbers to allow the REM units to grow to.
  14. viewportUnit: 'vw', // (String) Expected units.
  15. selectorBlackList: ['.ignore', '.hairlines'], // (Array) The selectors to ignore and leave as px.
  16. minPixelValue: 1, // (Number) Set the minimum pixel value to replace.
  17. mediaQuery: false, // (Boolean) Allow px to be converted in media queries.
  18. exclude: /(\/|\\)(node_modules)(\/|\\)/
  19. },
  20. 'postcss-viewport-units': {
  21. filterRule: rule => rule.selector.includes('::after') && rule.selector.includes('::before') && rule.selector.includes(':after') && rule.selector.includes(':before')
  22. },
  23. 'cssnano': {
  24. preset: 'advanced',
  25. autoprefixer: false,
  26. 'postcss-zindex': false
  27. }
  28. }
  29. }