Add default TypeScript, Sass support to Svelte (#1982)

1 files changed, 12 insertions, 2 deletions

diff --git a/packages/renderers/renderer-svelte/index.js b/packages/renderers/renderer-svelte/index.js
index 502ba6bfa..93ecfcdfc 100644
--- a/packages/renderers/renderer-svelte/index.js
+++ b/packages/renderers/renderer-svelte/index.js
@@ -1,10 +1,11 @@
 import { svelte } from '@sveltejs/vite-plugin-svelte';
+import preprocess from 'svelte-preprocess';
 
 export default {
   name: '@astrojs/renderer-svelte',
   client: './client.js',
   server: './server.js',
-  viteConfig() {
+  viteConfig({ mode }) {
     return {
       optimizeDeps: {
         include: ['@astrojs/renderer-svelte/client.js', 'svelte', 'svelte/internal'],
@@ -13,7 +14,16 @@ export default {
       plugins: [
         svelte({
           emitCss: true,
-          compilerOptions: { hydratable: true },
+          compilerOptions: { dev: mode === 'development', hydratable: true },
+          preprocess: [
+            preprocess({
+              less: true,
+              sass: { renderSync: true },
+              scss: { renderSync: true },
+              stylus: true,
+              typescript: true,
+            }),
+          ],
         }),
       ],
     };