svelte-preprocess-postcss

Svelte preprocessor function for PostCSS.

Install

npm install --save-dev @nsivertsen/svelte-preprocess-postcss

Usage

If you're using the Svelte compiler API directly:

import * as svelte from 'svelte';
import postcss from 'svelte-preprocess-postcss';

const processed = await svelte.preprocess(source, {
  style: postcss()
});

If you're using Rollup with rollup-plugin-svelte:

import svelte from 'rollup-plugin-svelte';
import postcss from 'svelte-preprocess-postcss';

export default {
  // ...
  plugins: [
    // ...
    svelte({
      preprocess: {
        style: postcss()
      }
    }),
    // ...
  ],
  // ...
};

API

preprocessorFunction = postcss([context])

svelte-preprocess-postcss cares about the following keys in context:

	Values	Description	Default
useConfigFile	true, false	Whether to load a PostCSS configuration from disk using postcss-load-config	true
configFilePath	string	The path to your PostCSS config file. If not given, postcss-load-config will look in the current working directory	undefined

All other keys are passed on to postcss-load-config. It passes the following keys on to PostCSS if provided:

	Values	Description	Default
plugins	array	Array of PostCSS plugins	[]
options	object	PostCSS options	{}

License

MIT