svelte-add / postcss

Add PostCSS to your Svelte project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

๐Ÿ”บ Add PostCSS to Svelte

GitHub issues by-label GitHub issues by-label

This is an adder for svelte-add; you should read its README before continuing here.

โž• Adding PostCSS

This adder's codename is postcss, and can be used like so:

npx svelte-add@latest postcss

๐Ÿž Supported environments

This adder supports SvelteKit and Vite-powered Svelte apps (all the environments svelte-add currently supports).

โš™๏ธ Options

  • autoprefixer (default true): whether or not to install and set up Autoprefixer.
npx svelte-add@latest postcss --postcss-autoprefixer

๐Ÿ›  Using PostCSS

After the adder runs,

  • You can write PostCSS syntax in the style lang="postcss" blocks in Svelte files.

  • You can write PostCSS syntax in the src/app.pcss file.

    This is your global stylesheet because it will be active on every page of your site.

  • You can install more PostCSS plugins and configure them in the postcss.config.cjs file.

About

Add PostCSS to your Svelte project

License:MIT License


Languages

Language:JavaScript 100.0%