PostCSSからSass ( Scss ) を使う設定

postcss.config.js

module.exports = () => {
  const plugins = [
    // Sass独自の _ スコア始まりのファイル名や glob 対応
    require('postcss-easy-import')({
      extensions: ['.css', '.scss'],
      prefix: '_'
    }),
    // Sass独自の `//' コメントを削除
    require('postcss-strip-inline-comments'),
    // Sassのコンパイル
    require('csstools-postcss-sass-pre-release'),
    // ブラウザの互換性確保
    require('postcss-preset-env')({
      autoprefixer: true
    })
  ]

  // minify
  if (process.env.NODE_ENV === 'production') {
    plugins.push(require('postcss-csso'))
  }

  return {
    // Sass記法をパースできるように
    parser: 'postcss-scss',
    plugins
  }
}