From 0dfb594bd58685fbe123aeae35ae6685fc231851 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 8 Sep 2021 10:26:12 +0800
Subject: [PATCH] chore(@vant/cli): fix vue-router async component warning
---
.../src/compiler/gen-site-desktop-shared.ts | 5 ++---
.../src/compiler/gen-site-mobile-shared.ts | 18 ++----------------
2 files changed, 4 insertions(+), 19 deletions(-)
diff --git a/packages/vant-cli/src/compiler/gen-site-desktop-shared.ts b/packages/vant-cli/src/compiler/gen-site-desktop-shared.ts
index 943f3e5d7..517b4ce0b 100644
--- a/packages/vant-cli/src/compiler/gen-site-desktop-shared.ts
+++ b/packages/vant-cli/src/compiler/gen-site-desktop-shared.ts
@@ -83,7 +83,7 @@ function genImportDocuments(items: DocumentItem[]) {
.map((item) => {
const path = normalizePath(item.path);
if (isDev()) {
- return `const ${item.name} = defineAsyncComponent(() => import('${path}'));`;
+ return `const ${item.name} = () => import('${path}');`;
}
return `import ${item.name} from '${path}';`;
})
@@ -113,8 +113,7 @@ export function genSiteDesktopShared() {
const dirs = readdirSync(SRC_DIR);
const documents = resolveDocuments(dirs);
- const code = `import { defineAsyncComponent } from 'vue';
-${genImportDocuments(documents)}
+ const code = `${genImportDocuments(documents)}
${genVantConfigContent()}
diff --git a/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts b/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
index c62de307f..b64a0fbaf 100644
--- a/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
+++ b/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
@@ -16,17 +16,11 @@ type DemoItem = {
component: string;
};
-function genInstall() {
- return `import { defineAsyncComponent } from 'vue';
-import './package-style.less';
-`;
-}
-
function genImports(demos: DemoItem[]) {
return demos
.map((item) => {
const path = removeExt(normalizePath(item.path));
- return `const ${item.name} = defineAsyncComponent(() => import('${path}'))`;
+ return `const ${item.name} = () => import('${path}')`;
})
.join('\n');
}
@@ -37,12 +31,6 @@ function genExports(demos: DemoItem[]) {
.join(',\n ')}\n};`;
}
-function getSetName(demos: DemoItem[]) {
- return demos
- .map((item) => `${item.name}.name = 'demo-${item.component}';`)
- .join('\n');
-}
-
function genConfig(demos: DemoItem[]) {
const vantConfig = getVantConfig();
const demoNames = demos.map((item) => decamelize(item.name));
@@ -79,11 +67,9 @@ function genCode(components: string[]) {
}))
.filter((item) => existsSync(item.path));
- return `${genInstall()}
+ return `import './package-style.less';
${genImports(demos)}
-${getSetName(demos)}
-
${genExports(demos)}
${genConfig(demos)}
`;