{"repo":"sveltejs/svelte-preprocess","free":true,"listed":false,"github":"https://github.com/sveltejs/svelte-preprocess","clone":"git clone https://github.com/sveltejs/svelte-preprocess.git","description":"A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.","language":"TypeScript","stars":1797,"topics":["svelte","preprocess","sveltejs","sveltekit"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Svelte Preprocess A Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, CoffeeScript, TypeScript, Pug and much more. - What is it? - Getting Started - Usage - Migration Guide - Preprocessing - Preprocessors - Features - Template tag - External files - Global style - Modern JavaScript syntax - Replace values - Built-in support for commonly used languages What is it? Svelte 's own parser understands only JavaScript, CSS and its HTML-like syntax. To make it possible to write components in other languages, such as TypeScript or SCSS, Svelte provides the preprocess API, which allows to easily transform the content of your markup and your style / script tags. Writing your own preprocessor for, i.e SCSS is easy enough, but it can be cumbersome to have to always configure multiple preprocessors for the languages you'll be using. svelte-preprocess is a custom svelte preprocessor that acts as a facilitator to use other languages with Svelte, providing multiple features, sensible defaults and a less noisy development experience. It is recommended to use with svelte.config.js file, located at the project root. For other usage, please refer to usage documentation. When to use it? Historically, svelte-preprocess was the go-to option whenever you had a language other than JS/HTML/CSS used inside your Svelte files. Today, depending on your setup, you may no longer need it: - If you're using Svelte 5 and are only using type features of TypeScript (i.e. thi","default_branch":null,"files":null,"tree":[],"storefront":"/r/sveltejs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/sveltejs/svelte-preprocess/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}