postcss-exclude-files

postcss-exclude-files

postcss plugin for exclude files from processing

Install

npm i postcss-exclude-files

or

yarn add postcss-exclude-files

Usage

webpack.config.babel.js

// postcss plugins
import autoprefixer from 'autoprefixer'
import postcssFlexbugsFixes from 'postcss-flexbugs-fixes'
import colorguard from 'colorguard'
import stylelint from 'stylelint'
import postcssReporter from 'postcss-reporter'
import rucksackCss from 'rucksack-css'
import excludeFiles from './app/lib/postcss-exclude-files'

export default () => {
  // ...
  module: {
    rules: [
      {
        test: /\.s?css$/,
        use:  [
          'style-loader',
          'css-loader',
          'sass-loader',
          {
            loader:  'postcss-loader',
            options: {
              plugins: [
                excludeFiles({
                  filter:  '**/node_modules/**',
                  plugins: [
                    rucksackCss,
                    stylelint,
                    colorguard
                  ]
                }),
                postcssFlexbugsFixes,
                autoprefixer({ grid: true }),
                postcssReporter({ clearReportedMessages: true }),
              ]
            }
          },
        ]
      }
    ]
  }
  // ...
}