@webpack-blocks/postcss

Webpack blocks - PostCSS

This is the postcss block providing PostCSS configuration.

Usage

const { createConfig } = require('@webpack-blocks/webpack')
const postcss = require('@webpack-blocks/postcss')
const autoprefixer = require('autoprefixer')

module.exports = createConfig([
  postcss([
    autoprefixer({ browsers: ['last 2 versions'] })
  ], { /* custom PostCSS options */ })
])

Instead of passing the PostCSS plugins as an array you can also create a postcss.config.js file containing the plugin configuration (see PostCSS loader usage):

// postcss.config.js
module.exports = {
  plugins: [
    require('precss')
  ]
}

Options

parser (optional)

Package name of a custom PostCSS parser to use. Pass for instance 'sugarss' to be able to write indent-based CSS.

stringifier (optional)

Package name of a custom PostCSS stringifier to use.

syntax (optional)

Package name of a custom PostCSS syntax to use. The package must export a parse and a stringify function.

Webpack blocks

Check out the

👉 Main Documentation

Released under the terms of the MIT license.