PostCSS の設定ファイル(buildとlint)

postcss.config.js

/**
 * PostCSS の設定ファイル
 */
const doiuse = require('doiuse');
const cssnano = require('cssnano');
const reporter = require('postcss-reporter');
const easyImport = require('postcss-easy-import');
const atApply = require('postcss-apply');
const autpPrefixer = require('autoprefixer');
const customProperties = require('postcss-custom-properties');
const calc = require('postcss-calc');
const flexBugsFixes = require('postcss-flexbugs-fixes');

const browsers = [
  'last 1 version',
  'ie >= 11'
];

const config = {
  build: [
    easyImport({glob: true}),
    atApply,
    customProperties(),
    calc(),
    flexBugsFixes(),
    autpPrefixer({browsers: browsers}),
    cssnano()
  ],

  lint: [
    easyImport({glob: true}),
    atApply,
    customProperties(),
    calc(),
    doiuse({browsers: browsers, ignore: [
      'css-resize',
      'pointer-events',
      'text-size-adjust',
      'css-appearance',
      'css-transitions',
      'will-change', // 対応してなくても動作には問題ない
      'css3-cursors',
      'flexbox', // Warning: IE11>=
      'viewport-units' //Warning: 3D transforms+IE11
    ]}),
    reporter()
  ]

};

module.exports = config;