sveltejs/svelte-preprocess

Health v2 · maintenance only

Adoption not part of the score

1797 stars · 152 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

svelte-preprocess is a Svelte preprocessor library that lets you write Svelte components in languages other than plain JavaScript, HTML, and CSS, such as TypeScript, SCSS, Less, Stylus, PostCSS, CoffeeScript, and Pug. It bundles multiple language preprocessors behind a single configuration with sensible defaults, typically wired up via a svelte.config.js file.

Use cases

• use TypeScript in Svelte components
• write Svelte component styles in SCSS or Less
• use Pug templates in Svelte files
• configure multiple Svelte preprocessors with one package
• add PostCSS support to a Svelte project
• preprocess CoffeeScript in Svelte script tags

When to choose

• you use Svelte with languages beyond JS/HTML/CSS and are not on Vite with vite-plugin-svelte
• you need a single preprocessor covering TypeScript, SCSS, Less, Stylus, Pug, and more
• you are on Svelte 4 or an older setup without native TypeScript handling

When to avoid

• you use Svelte 5 and only need type-only TypeScript features, which Svelte handles natively
• you use Vite, where vite-plugin-svelte's built-in preprocessor covers TypeScript and common CSS preprocessors
• you only write plain JavaScript, HTML, and CSS in Svelte components

Facets

library · maturity maintenance

build-tool templating css-framework web-development frontend developer-tools svelte preprocessor typescript scss postcss pug less stylus coffeescript sveltekit nodejs javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="sveltejs/svelte-preprocess")