fix: passthrough sourcemaps

fixes #233

Author: KaelWD

dev/vite.config.js

@@ -2,12 +2,13 @@ import vue from '@vitejs/plugin-vue'
 import vuetify from 'vite-plugin-vuetify'
 import path from 'path'
 import Inspect from 'vite-plugin-inspect'
+import { defineConfig } from 'vite'
 
-export default {
+export default defineConfig(({ command }) => ({
   root: path.resolve(__dirname, 'src'),
   plugins: [
     vue(),
-    vuetify({ styles: 'expose' }),
+    vuetify({ styles: 'expose', autoImport: true }),
     {
       name: 'configure-server',
       configureServer(server) {
@@ -22,10 +23,12 @@ export default {
     // Inspect(),
   ],
   build: {
+    sourcemap: true,
+    minify: false,
     outDir: '../dist',
     emptyOutDir: true,
     rollupOptions: {
-      input: 'index.vite.html'
+      input: { build: 'src/index.vite.html', serve: 'index.vite.html' }[command],
     }
   },
   resolve: {
@@ -43,4 +46,4 @@ export default {
   optimizeDeps: {
     exclude: ['vuetify']
   }
-}
+}))

packages/vite-plugin/src/importPlugin.ts

@@ -22,16 +22,16 @@ export function importPlugin (): Plugin {
     },
     async transform (code, id) {
       const { query, path } = parseId(id)
-      if (extname(path) === '.vue' && !query) {
-        if (/^import { render as _sfc_render } from ".*"$/m.test(code)) {
-          return null
-        }
 
+      if (
+        (!query && extname(path) === '.vue' && !/^import { render as _sfc_render } from ".*"$/m.test(code)) ||
+        (query && 'vue' in query && query.type === 'template')
+      ) {
         const { code: imports, source } = generateImports(code)
-        return source + imports
-      } else if (query && 'vue' in query && query.type === 'template') {
-        const { code: imports, source } = generateImports(code)
-        return source + imports
+        return {
+          code: source + imports,
+          map: null,
+        }
       }
 
       return null

packages/vite-plugin/src/stylesPlugin.ts

@@ -168,7 +168,10 @@ export function stylesPlugin (options: Options): Plugin {
         await awaitResolve(id)
         debug(`returning ${id}`)
 
-        return code.replace(styleImportRegexp, '$1".cache/vuetify/styles.scss"')
+        return {
+          code: code.replace(styleImportRegexp, '$1".cache/vuetify/styles.scss"'),
+          map: null,
+        }
       }
     },
     load (id) {