feat(cli): add namedExport option (#8495)

* feat(cli): add exportMode option

* feat(cli): rename exportMode to namedExport

packages/vant-cli/docs/config.md

@@ -5,6 +5,8 @@
     - [name](#name)
     - [build.css](#buildcss)
     - [build.site](#buildsite)
+    - [build.srcDir](#buildsrcdir)
+    - [build.namedExport](#buildnamedexport)
     - [site.title](#sitetitle)
     - [site.logo](#sitelogo)
     - [site.description](#sitedescription)
@@ -124,6 +126,17 @@ module.exports = {
 };
 ```
 
+### build.namedExport
+
+- Type: `boolean`
+- Default: `false`
+
+是否通过 Named Export 对组件进行导出。
+
+未开启此选项时，会通过 `export default from 'xxx'` 导出组件内部的默认模块。
+
+开启此选项后，会通过 `export * from 'xxx'` 导出组件内部的所有模块、类型定义。
+
 ### site.title
 
 - Type: `string`

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

@@ -8,36 +8,77 @@ import {
 } from '../common';
 import { SRC_DIR, getPackageJson, getVantConfig } from '../common/constant';
 
-type Options = {
+type PathResolver = (path: string) => string;
-  outputPath: string;
-  pathResolver?: Function;
-};
 
-function genImports(components: string[], options: Options): string {
+function getPathByName(name: string, pathResolver?: PathResolver) {
-  return components
+  let path = join(SRC_DIR, name);
+  if (pathResolver) {
+    path = pathResolver(path);
+  }
+  return normalizePath(path);
+}
+
+function genImports(
+  names: string[],
+  pathResolver?: PathResolver,
+  namedExport?: boolean
+): string {
+  return names
     .map((name) => {
-      let path = join(SRC_DIR, name);
+      const pascalName = pascalize(name);
-      if (options.pathResolver) {
+      const importName = namedExport ? `{ ${pascalName} }` : pascalName;
-        path = options.pathResolver(path);
+      const importPath = getPathByName(name, pathResolver);
-      }
 
-      return `import ${pascalize(name)} from '${normalizePath(path)}';`;
+      return `import ${importName} from '${importPath}';`;
     })
     .join('\n');
 }
 
-function genExports(names: string[]): string {
+function genExports(
-  return names.map((name) => `${name}`).join(',\n  ');
+  names: string[],
+  pathResolver?: PathResolver,
+  namedExport?: boolean
+): string {
+  if (namedExport) {
+    const exports = names
+      .map((name) => `export * from '${getPathByName(name, pathResolver)}';`)
+      .join('\n');
+
+    return `
+  export {
+    install,
+    version,
+  };
+  ${exports}
+`;
+  }
+
+  return `
+  export {
+    install,
+    version,
+    ${names.map(pascalize).join(',\n  ')}
+  };
+  `;
 }
 
-export function genPackageEntry(options: Options) {
+export function genPackageEntry({
+  outputPath,
+  pathResolver,
+}: {
+  outputPath: string;
+  pathResolver?: PathResolver;
+}) {
   const names = getComponents();
   const vantConfig = getVantConfig();
+
+  const namedExport = get(vantConfig, 'build.namedExport', false);
   const skipInstall = get(vantConfig, 'build.skipInstall', []).map(pascalize);
+
   const version = process.env.PACKAGE_VERSION || getPackageJson().version;
 
   const components = names.map(pascalize);
-  const content = `${genImports(names, options)}
+  const content = `${genImports(names, pathResolver, namedExport)}
 
 const version = '${version}';
 
@@ -55,11 +96,7 @@ function install(app) {
   });
 }
 
-export {
+${genExports(names, pathResolver, namedExport)}
-  install,
-  version,
-  ${genExports(components)}
-};
 
 export default {
   install,
@@ -67,5 +104,5 @@ export default {
 };
 `;
 
-  smartOutputFile(options.outputPath, content);
+  smartOutputFile(outputPath, content);
 }

src/locale/index.ts

@@ -10,7 +10,7 @@ const messages = reactive<Messages>({
   'zh-CN': defaultMessages,
 });
 
-export default {
+const Locale = {
   messages(): Message {
     return messages[lang.value];
   },
@@ -24,3 +24,6 @@ export default {
     deepAssign(messages, newMessages);
   },
 };
+
+export default Locale;
+export { Locale };

vant.config.js

@@ -2,6 +2,7 @@ module.exports = {
   name: 'vant',
   build: {
     srcDir: 'src',
+    namedExport: true,
     skipInstall: ['lazyload'],
     site: {
       publicPath: