use tsconfigPaths: true

Author: birkskyum

examples/custom-cli/create-qwik-app/project/base/package.json

@@ -34,7 +34,6 @@
     "prettier": "3.3.3",
     "typescript": "^6.0.2",
     "undici": "*",
-    "vite": "^8.0.10",
-    "vite-tsconfig-paths": "^4.2.1"
+    "vite": "^8.0.10"
   }
 }

examples/custom-cli/create-qwik-app/project/base/vite.config.ts.ejs

@@ -5,7 +5,6 @@
 import { defineConfig, type UserConfig } from "vite";
 import { qwikVite } from "@builder.io/qwik/optimizer";
 import { qwikCity } from "@builder.io/qwik-city/vite";
-import tsconfigPaths from "vite-tsconfig-paths";
 import pkg from "./package.json";
 
 type PkgDep = Record<string, string>;
@@ -23,7 +22,8 @@ import tailwindcss from '@tailwindcss/vite'
  */
 export default defineConfig(({ command, mode }): UserConfig => {
   return {
-    plugins: [qwikCity(), qwikVite(), tsconfigPaths(), tailwindcss()],
+    resolve: { tsconfigPaths: true },
+    plugins: [qwikCity(), qwikVite(), tailwindcss()],
     // This tells Vite which dependencies to pre-build in dev mode.
     optimizeDeps: {
       // Put problematic deps that break bundling here, mostly those with binaries.

examples/react/blog/package.json

@@ -41,7 +41,6 @@
     "remark-gfm": "^4.0.1",
     "typescript": "^6.0.2",
     "vite": "^8.0.10",
-    "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.5",
     "zod": "^4.3.5"
   },

examples/react/blog/starter.json

@@ -1,18 +1,17 @@
 import { defineConfig } from 'vite'
 import { devtools } from '@tanstack/devtools-vite'
 import contentCollections from '@content-collections/vite'
-import tsconfigPaths from 'vite-tsconfig-paths'
 
 import { tanstackStart } from '@tanstack/react-start/plugin/vite'
 
 import viteReact from '@vitejs/plugin-react'
 import tailwindcss from '@tailwindcss/vite'
 
 const config = defineConfig({
+  resolve: { tsconfigPaths: true },
   plugins: [
     devtools(),
     contentCollections(),
-    tsconfigPaths({ projects: ['./tsconfig.json'] }),
     tailwindcss(),
     tanstackStart(),
     viteReact(),

examples/react/blog/template.json

@@ -32,7 +32,6 @@
     "react-dom": "^19.2.0",
     "streamdown": "^1.6.5",
     "tailwindcss": "^4.0.6",
-    "vite-tsconfig-paths": "^6.0.3",
     "zod": "^3.25.0"
   },
   "devDependencies": {