feat: treat Astro file scripts as TS (#8151)

vitejs · May 13, 2022 · 559c952 · 559c952
1 parent 2289d04
commit 559c952
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 0 deletions.
diff --git a/packages/vite/src/node/optimizer/scan.ts b/packages/vite/src/node/optimizer/scan.ts
@@ -277,6 +277,8 @@ function esbuildScanPlugin(
             let loader: Loader = 'js'
             if (lang === 'ts' || lang === 'tsx' || lang === 'jsx') {
               loader = lang
+            } else if (path.endsWith('.astro')) {
+              loader = 'ts'
             }
             const srcMatch = openTag.match(srcRE)
             if (srcMatch) {

diff --git a/playground/optimize-deps/index.astro b/playground/optimize-deps/index.astro
@@ -0,0 +1,4 @@
+<script>
+  type Foo = 'bar';
+  console.log("stuff");
+</script>
diff --git a/playground/optimize-deps/index.html b/playground/optimize-deps/index.html
@@ -119,6 +119,8 @@ <h2>Reused variable names</h2>
 
   import { parse } from 'node:url'
   text('.url', parse('https://vitejs.dev').hostname)
+
+  import './index.astro'
 </script>
 
 <script type="module">

diff --git a/playground/optimize-deps/vite.config.js b/playground/optimize-deps/vite.config.js
@@ -50,6 +50,15 @@ module.exports = {
           res.end('pong')
         })
       }
+    },
+    {
+      name: 'test-astro',
+      transform(code, id) {
+        if (id.endsWith('.astro')) {
+          code = `export default {}`
+          return { code }
+        }
+      }
     }
   ]
 }