fix(vant-cli): replace \ to / in path #5431 (#5473)

packages/vant-cli/src/common/index.ts

@@ -91,6 +91,10 @@ export function decamelize(str: string, sep = '-') {
     .toLowerCase();
 }
 
+export function normalizePath(path: string): string {
+  return path.replace(/\\/g, '/');
+}
+
 export function getWebpackConfig(): object {
   if (existsSync(WEBPACK_CONFIG_FILE)) {
     const config = require(WEBPACK_CONFIG_FILE);

packages/vant-cli/src/compiler/gen-package-entry.ts

@@ -1,6 +1,6 @@
 import { get } from 'lodash';
 import { join } from 'path';
-import { pascalize, getComponents, smartOutputFile } from '../common';
+import { pascalize, getComponents, smartOutputFile, normalizePath } from '../common';
 import { SRC_DIR, getPackageJson, getVantConfig } from '../common/constant';
 
 type Options = {
@@ -16,7 +16,7 @@ function genImports(components: string[], options: Options): string {
         path = options.pathResolver(path);
       }
 
-      return `import ${pascalize(name)} from '${path}';`;
+      return `import ${pascalize(name)} from '${normalizePath(path)}';`;
     })
     .join('\n');
 }

packages/vant-cli/src/compiler/gen-package-style.ts

@@ -1,6 +1,6 @@
 import { join } from 'path';
 import { existsSync } from 'fs-extra';
-import { smartOutputFile } from '../common';
+import { smartOutputFile, normalizePath } from '../common';
 import { CSS_LANG, getCssBaseFile } from '../common/css';
 import { SRC_DIR, STYPE_DEPS_JSON_FILE } from '../common/constant';
 
@@ -21,7 +21,7 @@ export function genPacakgeStyle(options: Options) {
       baseFile = options.pathResolver(baseFile);
     }
 
-    content += `@import "${baseFile}";\n`;
+    content += `@import "${normalizePath(baseFile)}";\n`;
   }
 
   content += styleDepsJson.sequence
@@ -36,7 +36,7 @@ export function genPacakgeStyle(options: Options) {
         path = options.pathResolver(path);
       }
 
-      return `@import "${path}";`;
+      return `@import "${normalizePath(path)}";`;
     })
     .filter((item: string) => !!item)
     .join('\n');

packages/vant-cli/src/compiler/gen-site-desktop-shared.ts

@@ -5,7 +5,8 @@ import {
   pascalize,
   removeExt,
   getVantConfig,
-  smartOutputFile
+  smartOutputFile,
+  normalizePath
 } from '../common';
 import {
   SRC_DIR,
@@ -65,19 +66,19 @@ function resolveDocuments(components: string[]): DocumentItem[] {
   }
 
   const staticDocs = glob.sync(join(DOCS_DIR, '**/*.md')).map(path => {
-    const pairs = parse(path).name.split('.');
+    const pairs = parse(path.toString()).name.split('.');
     return {
       name: formatName(pairs[0], pairs[1] || defaultLang),
       path
     };
   });
 
-  return [...staticDocs, ...docs.filter(item => existsSync(item.path))];
+  return [...staticDocs, ...docs.filter(item => existsSync(item.path))] as DocumentItem[];
 }
 
 function genImportDocuments(items: DocumentItem[]) {
   return items
-    .map(item => `import ${item.name} from '${item.path}';`)
+    .map(item => `import ${item.name} from '${normalizePath(item.path)}';`)
     .join('\n');
 }
 
@@ -88,7 +89,7 @@ function genExportDocuments(items: DocumentItem[]) {
 }
 
 function genImportConfig() {
-  return `import config from '${removeExt(VANT_CONFIG_FILE)}';`;
+  return `import config from '${removeExt(normalizePath(VANT_CONFIG_FILE))}';`;
 }
 
 function genExportConfig() {

packages/vant-cli/src/compiler/gen-site-mobile-shared.ts

@@ -6,7 +6,8 @@ import {
   removeExt,
   decamelize,
   getVantConfig,
-  smartOutputFile
+  smartOutputFile,
+  normalizePath
 } from '../common';
 
 type DemoItem = {
@@ -24,7 +25,7 @@ import './package-style';
 
 function genImports(demos: DemoItem[]) {
   return demos
-    .map(item => `import ${item.name} from '${removeExt(item.path)}';`)
+    .map(item => `import ${item.name} from '${removeExt(normalizePath(item.path))}';`)
     .join('\n');
 }