@nsivertsen/svelte-preprocess-postcss NPM

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

postcss postcss-load-config

@infinitebrahmanuniverse/nolb-_ns @everything-registry/sub-chunk-669 @zalastax/nolb-_ns

0.1.0

5 years ago