@snowpack/plugin-postcss

Run PostCSS on all .css files, including ones generated from Sass, Vue, and Svelte.

Usage

From a terminal, run the following:

npm install --save-dev @snowpack/plugin-postcss postcss

Then add this plugin to your Snowpack config:

// snowpack.config.mjs
export default {
  plugins: ['@snowpack/plugin-postcss'],
};

Lastly, add a postcss.config.js file to the root of your project as you would normally:

const cssnano = require('cssnano');
const postcssPresetEnv = require('postcss-preset-env');

module.exports = {
  plugins: [cssnano(), postcssPresetEnv()],
};

Plugin Options

| Name | Type | Description | | :------- | :----------------: | :-------------------------------------------------------------------------------- | | input | string[] | File extensions to transform (default: ['.css']) | | config | string \| object | (optional) Pass in a PostCSS config object or path to your PostCSS config on disk |