AstralRinth/src/routes/getting-started/css.md

svelte:head </svelte:head>

CSS Configuration

Use PostCSS to process your css in components and .postcss files.

Install PostCSS with:

pnpx svelte-add@latest postcss

This is the recommended postcss.config.cjs setup:

const config = {
  plugins: [
    require('postcss-import'),
    require('postcss-strip-inline-comments'),
    require('postcss-nested'),
    require('postcss-preset-env'),
    require('autoprefixer'),
    require('postcss-extend-rule'),
    process.env.NODE_ENV === 'development' && require('cssnano')({
      preset: 'default',
    })
  ],
};

module.exports = config;