From 671312d935f2590984809213df4d2acab8e4faeb Mon Sep 17 00:00:00 2001 From: Nikhil Kumar Rajak Date: Tue, 14 Apr 2026 12:08:19 +0000 Subject: [PATCH 1/2] docs(guides): add tsconfig-paths-webpack-plugin migration diff --- src/content/guides/typescript.mdx | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/src/content/guides/typescript.mdx b/src/content/guides/typescript.mdx index 0670acb08c66..2692c87dd5c3 100644 --- a/src/content/guides/typescript.mdx +++ b/src/content/guides/typescript.mdx @@ -234,6 +234,31 @@ export default { With the above, `@/components/Button` resolves to `src/components/Button` without any additional plugins or duplicating aliases in `resolve.alias`. +### Migrating from `tsconfig-paths-webpack-plugin` + +If you're currently using `tsconfig-paths-webpack-plugin`, you can drop it in favor of the built-in `resolve.tsconfig` option: + +```diff +- import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'; + + export default { + resolve: { +- plugins: [new TsconfigPathsPlugin()], ++ // Auto-find tsconfig.json in the project root ++ tsconfig: true, ++ ++ // Or explicitly point to one ++ // tsconfig: './tsconfig.app.json' + }, + }; +``` + +You can then remove the package from your project: + +```bash +npm uninstall tsconfig-paths-webpack-plugin +``` + W> `resolve.tsconfig` only handles module resolution — it does not transpile TypeScript. You still need `ts-loader`, `babel-loader` with `@babel/preset-typescript`, or another transpilation step. ## Loader From 838f8fb48933a44847732b2df52e1d137260b8b5 Mon Sep 17 00:00:00 2001 From: Nikhil Kumar Rajak Date: Tue, 14 Apr 2026 12:16:41 +0000 Subject: [PATCH 2/2] style(guides): fix prettier formatting in typescript.mdx --- src/content/guides/typescript.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/guides/typescript.mdx b/src/content/guides/typescript.mdx index 2692c87dd5c3..cd2d1d9efde5 100644 --- a/src/content/guides/typescript.mdx +++ b/src/content/guides/typescript.mdx @@ -246,7 +246,7 @@ If you're currently using `tsconfig-paths-webpack-plugin`, you can drop it in fa - plugins: [new TsconfigPathsPlugin()], + // Auto-find tsconfig.json in the project root + tsconfig: true, -+ ++ + // Or explicitly point to one + // tsconfig: './tsconfig.app.json' },