'use strict'
const utils = require('./utils')
const config = require('../config')
const isProduction = process.env.NODE_ENV === 'production'

module.exports = {
  loaders: utils.cssLoaders({
    sourceMap: isProduction
      ? config.build.productionSourceMap
      : config.dev.cssSourceMap,
    extract: isProduction
  }),
  transformToRequire: {
    video: 'src',
    source: 'src',
    img: 'src',
    image: 'xlink:href'
  },
  postcss: [
    require('autoprefixer')({
      browsers: ['iOS >= 7', 'Android >= 4.1']
    }),
    // 转换成rem
    require('postcss-plugin-px2rem')({
          rootValue: 12, //
          selectorBlackList: ['html'],
          mediaQuery: true,
          propBlackList: ['fontSize'] // 如果要保持font-size不转换
      })
  ],
};