feat(cli): add stepper to improve logging

packages/vant-cli/src/compiler/compile-site.ts

@@ -1,7 +1,7 @@
 import webpack from 'webpack';
 import WebpackDevServer from 'webpack-dev-server';
 import { getPort } from 'portfinder';
-import { logger } from '../common';
+import { getStepper } from '../common/logger';
 import { genPackageEntry } from './gen-package-entry';
 import { genPacakgeStyle } from './gen-package-style';
 import { genSiteMobileShared } from './gen-site-mobile-shared';
@@ -10,9 +10,9 @@ import { genStyleDepsMap } from './gen-style-deps-map';
 import { siteDevConfig } from '../config/webpack.site.dev';
 import { sitePrdConfig } from '../config/webpack.site.prd';
 
-function watch() {
-  logger.start('Start development');
+const stpper = getStepper(4);
 
+function watch() {
   const server = new WebpackDevServer(
     webpack(siteDevConfig),
     (siteDevConfig as any).devServer
@@ -50,15 +50,19 @@ function build() {
 }
 
 export async function compileSite(production = false) {
+  stpper.start('Prepare For Compilation');
   await genStyleDepsMap();
   genPackageEntry();
   genPacakgeStyle();
   genSiteMobileShared();
   genSiteDesktopShared();
+  stpper.success('Prepare For Compilation');
 
+  stpper.start('Build Documentation Site');
   if (production) {
     await build();
   } else {
     watch();
   }
+  stpper.success('Build Documentation Site');
 }

packages/vant-cli/src/compiler/gen-style-deps-map.ts

@@ -8,7 +8,6 @@ import { compileJs } from './compile-js';
 import { compileSfc } from './compile-sfc';
 import { compileStyle } from './compile-style';
 import {
-  logger,
   isDir,
   isSfc,
   isStyle,
@@ -148,8 +147,6 @@ function getSequence(depsMap: DepsMap) {
 }
 
 export async function genStyleDepsMap() {
-  logger.start('Analyze dependencies');
-
   const map = {} as DepsMap;
 
   await copy(SRC_DIR, TEMP_DIR);
@@ -173,6 +170,4 @@ export async function genStyleDepsMap() {
     STYPE_DEPS_JSON_FILE,
     JSON.stringify({ map, sequence }, null, 2)
   );
-
-  logger.success('Analyze dependencies');
 }