From 6c53d8432a1de4fe387a1ca081118a826cbf6a3f Mon Sep 17 00:00:00 2001 From: Gion Kunz Date: Thu, 31 Aug 2023 13:23:05 +0200 Subject: [PATCH 1/3] Add better resolve alias matching for @vue/compat The current example needs to be revised since Vite will use the string `vue` to match any import that contains it. (e.g. `import '@vue/server-renderer'` will be transformed to `import '@vue/compat/server-renderer'` --- src/migration-build.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/migration-build.md b/src/migration-build.md index 0e77fac..c6b5483 100644 --- a/src/migration-build.md +++ b/src/migration-build.md @@ -136,7 +136,7 @@ The following workflow walks through the steps of migrating an actual Vue 2 app export default { resolve: { alias: { - vue: '@vue/compat' + '^vue$': '@vue/compat' } }, plugins: [ From c57c3ba9055bd11841b95ef0e2c004928a41aa76 Mon Sep 17 00:00:00 2001 From: Gion Kunz Date: Fri, 1 Sep 2023 09:41:14 +0200 Subject: [PATCH 2/3] Update migration-build.md --- src/migration-build.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/migration-build.md b/src/migration-build.md index c6b5483..76eb277 100644 --- a/src/migration-build.md +++ b/src/migration-build.md @@ -135,9 +135,10 @@ The following workflow walks through the steps of migrating an actual Vue 2 app // vite.config.js export default { resolve: { - alias: { - '^vue$': '@vue/compat' - } + alias: [{ + find: /^vue$/, replacement: '@vue/compat' + }] + } }, plugins: [ vue({ From 8e15aa1f79dfd4de60b605339a1b2317297f3294 Mon Sep 17 00:00:00 2001 From: Gion Kunz Date: Fri, 1 Sep 2023 09:43:31 +0200 Subject: [PATCH 3/3] Update migration-build.md --- src/migration-build.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/migration-build.md b/src/migration-build.md index 76eb277..e1b2d6f 100644 --- a/src/migration-build.md +++ b/src/migration-build.md @@ -136,9 +136,8 @@ The following workflow walks through the steps of migrating an actual Vue 2 app export default { resolve: { alias: [{ - find: /^vue$/, replacement: '@vue/compat' + find: /^vue$/, replacement: '@vue/compat' }] - } }, plugins: [ vue({