rollup-plugin-postcss-config

Transform PostCSS in Rollup using options from a config file.

Install

npm install -D rollup-plugin-postcss-config

Usage

Configuration

Define PostCSS transform options, like plugins, in postcss.config.js.

module.exports = {
  plugins: {
    'postcss-import': {},
    'postcss-cssnext': {},
    'postcss-reporter': {},
  },
};

See postcss-load-config for more options.

Rollup

This plugin makes no assumptions about what to do with the transformed CSS. Another plugin has to follow to consume its output.

In the following example rollup.config.js, the transformed CSS is converted to a string using rollup-plugin-string:

import postcss from 'rollup-plugin-postcss-config';
import string from 'rollup-plugin-string';

export default {
  plugins: [
    postcss({
      // Default value, can be omitted.
      include: '*.css', 
      // Undefined by default.
      exclude: 'node_modules/**',
    }),
    string({
      include: '*.css',
      exclude: 'node_modules/**',
    }),
  ],
};