Merge pull request #41 from storybookjs/kasper/tsconfig-paths

Use tsconfig paths plugin

Author: kasperpeulen

package.json

@@ -88,7 +88,8 @@
     "image-size": "^2.0.0",
     "magic-string": "^0.30.11",
     "module-alias": "^2.2.3",
-    "ts-dedent": "^2.2.0"
+    "ts-dedent": "^2.2.0",
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "publishConfig": {
     "access": "public"

pnpm-lock.yaml

@@ -3,6 +3,8 @@ import { resolve } from "node:path";
 import { createRequire } from "node:module";
 import type { NextConfigComplete } from "next/dist/server/config-shared.js";
 import type { Plugin } from "vite";
+import tsconfigPaths from "vite-tsconfig-paths";
+
 import { vitePluginNextEnv } from "./plugins/next-env/plugin";
 import { vitePluginNextFont } from "./plugins/next-font/plugin";
 import { vitePluginNextSwc } from "./plugins/next-swc/plugin";
@@ -37,6 +39,7 @@ function VitePlugin({ dir = process.cwd() }: VitePluginOptions = {}): Plugin[] {
   const nextConfigResolver = Promise.withResolvers<NextConfigComplete>();
 
   return [
+    tsconfigPaths({ root: resolvedDir }),
     {
       name: "vite-plugin-storybook-nextjs",
       enforce: "pre" as const,