feat(cli): build lib packed entry files

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

@@ -1,26 +1,39 @@
 import { join } from 'path';
-import { replaceExt, smartOutputFile } from '../common';
+import { smartOutputFile } from '../common';
 import { CSS_LANG, getCssBaseFile } from '../common/css';
-import {
-  SRC_DIR,
-  PACKAGE_STYLE_FILE,
-  STYPE_DEPS_JSON_FILE
-} from '../common/constant';
+import { SRC_DIR, STYPE_DEPS_JSON_FILE } from '../common/constant';
 
-export function genPacakgeStyle() {
+type Options = {
+  outputPath: string;
+  pathResolver?: Function;
+};
+
+export function genPacakgeStyle(options: Options) {
   const styleDepsJson = require(STYPE_DEPS_JSON_FILE);
   const ext = '.' + CSS_LANG;
 
   let content = '';
 
-  const baseFile = getCssBaseFile();
+  let baseFile = getCssBaseFile();
   if (baseFile) {
+    if (options.pathResolver) {
+      baseFile = options.pathResolver(baseFile);
+    }
+
     content += `@import "${baseFile}";\n`;
   }
 
   content += styleDepsJson.sequence
-    .map((name: string) => `@import "${join(SRC_DIR, `${name}/index${ext}`)}";`)
+    .map((name: string) => {
+      let path = join(SRC_DIR, `${name}/index${ext}`);
+
+      if (options.pathResolver) {
+        path = options.pathResolver(path);
+      }
+
+      return `@import "${path}";`;
+    })
     .join('\n');
 
-  smartOutputFile(replaceExt(PACKAGE_STYLE_FILE, ext), content);
+  smartOutputFile(options.outputPath, content);
 }

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

@@ -1,10 +1,12 @@
 import { Compiler } from 'webpack';
+import { replaceExt } from '../common';
+import { CSS_LANG } from '../common/css';
 import { genPackageEntry } from './gen-package-entry';
 import { genPacakgeStyle } from './gen-package-style';
 import { genSiteMobileShared } from './gen-site-mobile-shared';
 import { genSiteDesktopShared } from './gen-site-desktop-shared';
 import { genStyleDepsMap } from './gen-style-deps-map';
-import { PACKAGE_ENTRY_FILE } from '../common/constant';
+import { PACKAGE_ENTRY_FILE, PACKAGE_STYLE_FILE } from '../common/constant';
 
 const PLUGIN_NAME = 'VantCliSitePlugin';
 
@@ -20,7 +22,9 @@ export class VantCliSitePlugin {
           genPackageEntry({
             outputPath: PACKAGE_ENTRY_FILE
           });
-          genPacakgeStyle();
+          genPacakgeStyle({
+            outputPath: replaceExt(PACKAGE_STYLE_FILE, `.${CSS_LANG}`)
+          });
           genSiteMobileShared();
           genSiteDesktopShared();
           resolve();