postcss-config-ivan/postcss.config.js

postcss配置

/* eslint-disable import/no-unresolved */

'use strict' // eslint-disable-line

const postcssFlexbugsFixes = require('postcss-flexbugs-fixes')
const autoprefixer = require('autoprefixer')
const pxtorem = require('postcss-pxtorem')

const shouldPxToRem = process.env.PXTOREM === 'true'

const BROWSERS = [
  '>1%',
  'last 4 versions',
  'Firefox ESR',
  'not ie < 9', // 现代框架均不支持IE8及以下
  'iOS >= 8',
  'Android >= 4',
]

const plugins = [
  postcssFlexbugsFixes(),
  autoprefixer({
    browsers: BROWSERS,
    flexbox: 'no-2009',
  }),
]

module.exports = () => ({
  plugins: shouldPxToRem ? plugins.concat([
    pxtorem({
      rootValue: 16,
      unitPrecision: 5,
      propList: ['*'],
      selectorBlackList: [],
      replace: true,
      mediaQuery: false,
      minPixelValue: 0,
    }),
  ]) : plugins,
})