@varlet/cli 2.1.0 → 2.2.0-alpha.1667668287880

package/lib/node/compiler/compileModule.js

@@ -1,74 +1,74 @@
-import fse from 'fs-extra';
-import { build } from 'vite';
-import { resolve } from 'path';
-import { EXAMPLE_DIR_NAME, TESTS_DIR_NAME, DOCS_DIR_NAME, SRC_DIR, ES_DIR, STYLE_DIR_NAME, LIB_DIR, } from '../shared/constant.js';
-import { getPublicDirs, isDir, isDTS, isLess, isScript, isSFC } from '../shared/fsUtils.js';
-import { compileSFC } from './compileSFC.js';
-import { compileESEntry, compileCommonJSEntry, compileScriptFile } from './compileScript.js';
-import { compileLess } from './compileStyle.js';
-import { getESMBundleConfig, getUMDConfig } from '../config/vite.config.js';
-import { getVarletConfig } from '../config/varlet.config.js';
-import { generateReference } from './compileTypes.js';
-const { copy, ensureFileSync, readdir, removeSync } = fse;
-export function compileUMD() {
-    return new Promise((resolve, reject) => {
-        getVarletConfig().then((varletConfig) => {
-            build(getUMDConfig(varletConfig))
-                .then(() => resolve())
-                .catch(reject);
-        });
-    });
-}
-export function compileESMBundle() {
-    return new Promise((resolve, reject) => {
-        getVarletConfig().then((varletConfig) => {
-            build(getESMBundleConfig(varletConfig))
-                .then(() => resolve())
-                .catch(reject);
-        });
-    });
-}
-export async function compileDir(dir) {
-    const dirs = await readdir(dir);
-    await Promise.all(dirs.map((filename) => {
-        const file = resolve(dir, filename);
-        [TESTS_DIR_NAME, EXAMPLE_DIR_NAME, DOCS_DIR_NAME].includes(filename) && removeSync(file);
-        if (isDTS(file) || filename === STYLE_DIR_NAME) {
-            return Promise.resolve();
-        }
-        return compileFile(file);
-    }));
-}
-export async function compileFile(file) {
-    isSFC(file) && (await compileSFC(file));
-    isScript(file) && (await compileScriptFile(file));
-    isLess(file) && (await compileLess(file));
-    isDir(file) && (await compileDir(file));
-}
-export async function compileModule(modules = false) {
-    if (modules === 'umd') {
-        await compileUMD();
-        return;
-    }
-    if (modules === 'esm-bundle') {
-        await compileESMBundle();
-        return;
-    }
-    process.env.BABEL_MODULE = modules === 'commonjs' ? 'commonjs' : 'module';
-    const dest = modules === 'commonjs' ? LIB_DIR : ES_DIR;
-    await copy(SRC_DIR, dest);
-    const moduleDir = await readdir(dest);
-    await Promise.all(moduleDir.map((filename) => {
-        const file = resolve(dest, filename);
-        isDir(file) && ensureFileSync(resolve(file, './style/index.js'));
-        return isDir(file) ? compileDir(file) : null;
-    }));
-    const publicDirs = await getPublicDirs();
-    if (modules === 'commonjs') {
-        await compileCommonJSEntry(dest, publicDirs);
-    }
-    else {
-        await compileESEntry(dest, publicDirs);
-    }
-    generateReference(dest);
-}
+import fse from 'fs-extra';
+import { build } from 'vite';
+import { resolve } from 'path';
+import { EXAMPLE_DIR_NAME, TESTS_DIR_NAME, DOCS_DIR_NAME, SRC_DIR, ES_DIR, STYLE_DIR_NAME, LIB_DIR, } from '../shared/constant.js';
+import { getPublicDirs, isDir, isDTS, isLess, isScript, isSFC } from '../shared/fsUtils.js';
+import { compileSFC } from './compileSFC.js';
+import { compileESEntry, compileCommonJSEntry, compileScriptFile } from './compileScript.js';
+import { compileLess } from './compileStyle.js';
+import { getESMBundleConfig, getUMDConfig } from '../config/vite.config.js';
+import { getVarletConfig } from '../config/varlet.config.js';
+import { generateReference } from './compileTypes.js';
+const { copy, ensureFileSync, readdir, removeSync } = fse;
+export function compileUMD() {
+    return new Promise((resolve, reject) => {
+        getVarletConfig().then((varletConfig) => {
+            build(getUMDConfig(varletConfig))
+                .then(() => resolve())
+                .catch(reject);
+        });
+    });
+}
+export function compileESMBundle() {
+    return new Promise((resolve, reject) => {
+        getVarletConfig().then((varletConfig) => {
+            build(getESMBundleConfig(varletConfig))
+                .then(() => resolve())
+                .catch(reject);
+        });
+    });
+}
+export async function compileDir(dir) {
+    const dirs = await readdir(dir);
+    await Promise.all(dirs.map((filename) => {
+        const file = resolve(dir, filename);
+        [TESTS_DIR_NAME, EXAMPLE_DIR_NAME, DOCS_DIR_NAME].includes(filename) && removeSync(file);
+        if (isDTS(file) || filename === STYLE_DIR_NAME) {
+            return Promise.resolve();
+        }
+        return compileFile(file);
+    }));
+}
+export async function compileFile(file) {
+    isSFC(file) && (await compileSFC(file));
+    isScript(file) && (await compileScriptFile(file));
+    isLess(file) && (await compileLess(file));
+    isDir(file) && (await compileDir(file));
+}
+export async function compileModule(modules = false) {
+    if (modules === 'umd') {
+        await compileUMD();
+        return;
+    }
+    if (modules === 'esm-bundle') {
+        await compileESMBundle();
+        return;
+    }
+    process.env.BABEL_MODULE = modules === 'commonjs' ? 'commonjs' : 'module';
+    const dest = modules === 'commonjs' ? LIB_DIR : ES_DIR;
+    await copy(SRC_DIR, dest);
+    const moduleDir = await readdir(dest);
+    await Promise.all(moduleDir.map((filename) => {
+        const file = resolve(dest, filename);
+        isDir(file) && ensureFileSync(resolve(file, './style/index.js'));
+        return isDir(file) ? compileDir(file) : null;
+    }));
+    const publicDirs = await getPublicDirs();
+    if (modules === 'commonjs') {
+        await compileCommonJSEntry(dest, publicDirs);
+    }
+    else {
+        await compileESEntry(dest, publicDirs);
+    }
+    generateReference(dest);
+}

package/lib/node/compiler/compileSFC.d.ts

@@ -1,2 +1,2 @@
-export declare function injectRender(script: string, render: string): string;
-export declare function compileSFC(sfc: string): Promise<void>;
+export declare function injectRender(script: string, render: string): string;
+export declare function compileSFC(sfc: string): Promise<void>;

package/lib/node/compiler/compileSFC.js

@@ -1,79 +1,79 @@
-import fse from 'fs-extra';
-import hash from 'hash-sum';
-import { parse, resolve } from 'path';
-import { parse as parseSFC, compileTemplate, compileStyle } from '@vue/compiler-sfc';
-import { replaceExt, smartAppendFileSync } from '../shared/fsUtils.js';
-import { compileScript } from './compileScript.js';
-import { clearEmptyLine, compileLess, extractStyleDependencies, normalizeStyleDependency, STYLE_IMPORT_RE, } from './compileStyle.js';
-import logger from '../shared/logger.js';
-const { readFile, writeFileSync } = fse;
-const NORMAL_EXPORT_START_RE = /export\s+default\s+{/;
-const DEFINE_EXPORT_START_RE = /export\s+default\s+defineComponent\s*\(\s*{/;
-export function injectRender(script, render) {
-    if (DEFINE_EXPORT_START_RE.test(script.trim())) {
+import fse from 'fs-extra';
+import hash from 'hash-sum';
+import { parse, resolve } from 'path';
+import { parse as parseSFC, compileTemplate, compileStyle } from '@vue/compiler-sfc';
+import { replaceExt, smartAppendFileSync } from '../shared/fsUtils.js';
+import { compileScript } from './compileScript.js';
+import { clearEmptyLine, compileLess, extractStyleDependencies, normalizeStyleDependency, STYLE_IMPORT_RE, } from './compileStyle.js';
+import logger from '../shared/logger.js';
+const { readFile, writeFileSync } = fse;
+const NORMAL_EXPORT_START_RE = /export\s+default\s+{/;
+const DEFINE_EXPORT_START_RE = /export\s+default\s+defineComponent\s*\(\s*{/;
+export function injectRender(script, render) {
+    if (DEFINE_EXPORT_START_RE.test(script.trim())) {
         return script.trim().replace(DEFINE_EXPORT_START_RE, `${render}\nexport default defineComponent({
   render,\
-    `);
-    }
-    if (NORMAL_EXPORT_START_RE.test(script.trim())) {
+    `);
+    }
+    if (NORMAL_EXPORT_START_RE.test(script.trim())) {
         return script.trim().replace(NORMAL_EXPORT_START_RE, `${render}\nexport default {
   render,\
-    `);
-    }
-    return script;
-}
-export async function compileSFC(sfc) {
-    const sources = await readFile(sfc, 'utf-8');
-    const { descriptor } = parseSFC(sources, { sourceMap: false });
-    const { script, scriptSetup, template, styles } = descriptor;
-    if (scriptSetup) {
+    `);
+    }
+    return script;
+}
+export async function compileSFC(sfc) {
+    const sources = await readFile(sfc, 'utf-8');
+    const { descriptor } = parseSFC(sources, { sourceMap: false });
+    const { script, scriptSetup, template, styles } = descriptor;
+    if (scriptSetup) {
         logger.warning(`\n Varlet Cli does not support compiling script setup syntax\
-       \n  The error in ${sfc}`);
-        return;
-    }
-    // scoped
-    const hasScope = styles.some((style) => style.scoped);
-    const id = hash(sources);
-    const scopeId = hasScope ? `data-v-${id}` : '';
-    if (script) {
-        // template
-        const render = template &&
-            compileTemplate({
-                id,
-                source: template.content,
-                filename: sfc,
-                compilerOptions: {
-                    scopeId,
-                },
-            });
-        let { content } = script;
-        if (render) {
-            const { code } = render;
-            content = injectRender(content, code);
-        }
-        // script
-        await compileScript(content, sfc);
-        // style
-        for (let index = 0; index < styles.length; index++) {
-            const style = styles[index];
-            const file = replaceExt(sfc, `Sfc${index || ''}.${style.lang || 'css'}`);
-            const { base, dir } = parse(file);
-            const dependencyPath = normalizeStyleDependency(base, STYLE_IMPORT_RE);
-            const cssFile = resolve(dir, './style/index.js');
-            let { code } = compileStyle({
-                source: style.content,
-                filename: file,
-                id: scopeId,
-                scoped: style.scoped,
-            });
-            code = extractStyleDependencies(file, code, STYLE_IMPORT_RE);
-            writeFileSync(file, clearEmptyLine(code), 'utf-8');
-            smartAppendFileSync(cssFile, process.env.BABEL_MODULE === 'commonjs'
-                ? `require('${dependencyPath}.css')\n`
-                : `import '${dependencyPath}.css'\n`);
-            if (style.lang === 'less') {
-                await compileLess(file);
-            }
-        }
-    }
-}
+       \n  The error in ${sfc}`);
+        return;
+    }
+    // scoped
+    const hasScope = styles.some((style) => style.scoped);
+    const id = hash(sources);
+    const scopeId = hasScope ? `data-v-${id}` : '';
+    if (script) {
+        // template
+        const render = template &&
+            compileTemplate({
+                id,
+                source: template.content,
+                filename: sfc,
+                compilerOptions: {
+                    scopeId,
+                },
+            });
+        let { content } = script;
+        if (render) {
+            const { code } = render;
+            content = injectRender(content, code);
+        }
+        // script
+        await compileScript(content, sfc);
+        // style
+        for (let index = 0; index < styles.length; index++) {
+            const style = styles[index];
+            const file = replaceExt(sfc, `Sfc${index || ''}.${style.lang || 'css'}`);
+            const { base, dir } = parse(file);
+            const dependencyPath = normalizeStyleDependency(base, STYLE_IMPORT_RE);
+            const cssFile = resolve(dir, './style/index.js');
+            let { code } = compileStyle({
+                source: style.content,
+                filename: file,
+                id: scopeId,
+                scoped: style.scoped,
+            });
+            code = extractStyleDependencies(file, code, STYLE_IMPORT_RE);
+            writeFileSync(file, clearEmptyLine(code), 'utf-8');
+            smartAppendFileSync(cssFile, process.env.BABEL_MODULE === 'commonjs'
+                ? `require('${dependencyPath}.css')\n`
+                : `import '${dependencyPath}.css'\n`);
+            if (style.lang === 'less') {
+                await compileLess(file);
+            }
+        }
+    }
+}

package/lib/node/compiler/compileScript.d.ts

@@ -1,17 +1,17 @@
-export declare const IMPORT_VUE_PATH_RE: RegExp;
-export declare const IMPORT_TS_PATH_RE: RegExp;
-export declare const IMPORT_JSX_PATH_RE: RegExp;
-export declare const IMPORT_TSX_PATH_RE: RegExp;
-export declare const REQUIRE_VUE_PATH_RE: RegExp;
-export declare const REQUIRE_TS_PATH_RE: RegExp;
-export declare const REQUIRE_JSX_PATH_RE: RegExp;
-export declare const REQUIRE_TSX_PATH_RE: RegExp;
-export declare const replaceVueExt: (script: string) => string;
-export declare const replaceTSExt: (script: string) => string;
-export declare const replaceJSXExt: (script: string) => string;
-export declare const replaceTSXExt: (script: string) => string;
-export declare const moduleCompatible: (script: string) => Promise<string>;
-export declare function compileScript(script: string, file: string): Promise<void>;
-export declare function compileScriptFile(file: string): Promise<void>;
-export declare function compileESEntry(dir: string, publicDirs: string[]): Promise<void>;
-export declare function compileCommonJSEntry(dir: string, publicDirs: string[]): Promise<void>;
+export declare const IMPORT_VUE_PATH_RE: RegExp;
+export declare const IMPORT_TS_PATH_RE: RegExp;
+export declare const IMPORT_JSX_PATH_RE: RegExp;
+export declare const IMPORT_TSX_PATH_RE: RegExp;
+export declare const REQUIRE_VUE_PATH_RE: RegExp;
+export declare const REQUIRE_TS_PATH_RE: RegExp;
+export declare const REQUIRE_JSX_PATH_RE: RegExp;
+export declare const REQUIRE_TSX_PATH_RE: RegExp;
+export declare const replaceVueExt: (script: string) => string;
+export declare const replaceTSExt: (script: string) => string;
+export declare const replaceJSXExt: (script: string) => string;
+export declare const replaceTSXExt: (script: string) => string;
+export declare const moduleCompatible: (script: string) => Promise<string>;
+export declare function compileScript(script: string, file: string): Promise<void>;
+export declare function compileScriptFile(file: string): Promise<void>;
+export declare function compileESEntry(dir: string, publicDirs: string[]): Promise<void>;
+export declare function compileCommonJSEntry(dir: string, publicDirs: string[]): Promise<void>;

package/lib/node/compiler/compileScript.js

@@ -1,73 +1,73 @@
-import fse from 'fs-extra';
-import { transformAsync } from '@babel/core';
-import { bigCamelize } from '@varlet/shared';
-import { replaceExt } from '../shared/fsUtils.js';
-import { extractStyleDependencies, IMPORT_CSS_RE, IMPORT_LESS_RE, REQUIRE_CSS_RE, REQUIRE_LESS_RE, } from './compileStyle.js';
-import { resolve } from 'path';
-import { get } from 'lodash-es';
-import { getVarletConfig } from '../config/varlet.config.js';
-const { writeFileSync, readFileSync, removeSync, writeFile } = fse;
-export const IMPORT_VUE_PATH_RE = /((?<!['"`])import\s+.+from\s+['"]\s*\.{1,2}\/.+)\.vue(\s*['"`]);?(?!\s*['"`])/g;
-export const IMPORT_TS_PATH_RE = /((?<!['"`])import\s+.+from\s+['"]\s*\.{1,2}\/.+)\.ts(\s*['"`]);?(?!\s*['"`])/g;
-export const IMPORT_JSX_PATH_RE = /((?<!['"`])import\s+.+from\s+['"]\s*\.{1,2}\/.+)\.jsx(\s*['"`]);?(?!\s*['"`])/g;
-export const IMPORT_TSX_PATH_RE = /((?<!['"`])import\s+.+from\s+['"]\s*\.{1,2}\/.+)\.tsx(\s*['"`]);?(?!\s*['"`])/g;
-export const REQUIRE_VUE_PATH_RE = /(?<!['"`]\s*)(require\s*\(\s*['"]\s*\.{1,2}\/.+)\.vue(\s*['"`]\))(?!\s*['"`])/g;
-export const REQUIRE_TS_PATH_RE = /(?<!['"`]\s*)(require\s*\(\s*['"]\s*\.{1,2}\/.+)\.ts(\s*['"`]\))(?!\s*['"`])/g;
-export const REQUIRE_JSX_PATH_RE = /(?<!['"`]\s*)(require\s*\(\s*['"]\s*\.{1,2}\/.+)\.jsx(\s*['"`]\))(?!\s*['"`])/g;
-export const REQUIRE_TSX_PATH_RE = /(?<!['"`]\s*)(require\s*\(\s*['"]\s*\.{1,2}\/.+)\.tsx(\s*['"`]\))(?!\s*['"`])/g;
-const scriptReplacer = (_, p1, p2) => `${p1}.js${p2}`;
-export const replaceVueExt = (script) => script.replace(IMPORT_VUE_PATH_RE, scriptReplacer).replace(REQUIRE_VUE_PATH_RE, scriptReplacer);
-export const replaceTSExt = (script) => script.replace(IMPORT_TS_PATH_RE, scriptReplacer).replace(REQUIRE_TS_PATH_RE, scriptReplacer);
-export const replaceJSXExt = (script) => script.replace(IMPORT_JSX_PATH_RE, scriptReplacer).replace(REQUIRE_JSX_PATH_RE, scriptReplacer);
-export const replaceTSXExt = (script) => script.replace(IMPORT_TSX_PATH_RE, scriptReplacer).replace(REQUIRE_TSX_PATH_RE, scriptReplacer);
-export const moduleCompatible = async (script) => {
-    const moduleCompatible = get(await getVarletConfig(), 'moduleCompatible', {});
-    Object.keys(moduleCompatible).forEach((esm) => {
-        const commonjs = moduleCompatible[esm];
-        script = script.replace(esm, commonjs);
-    });
-    return script;
-};
-export async function compileScript(script, file) {
-    const modules = process.env.BABEL_MODULE;
-    if (modules === 'commonjs') {
-        script = await moduleCompatible(script);
-    }
-    let { code } = (await transformAsync(script, {
-        filename: file,
-    }));
-    code = extractStyleDependencies(file, code, modules === 'commonjs' ? REQUIRE_CSS_RE : IMPORT_CSS_RE);
-    code = extractStyleDependencies(file, code, modules === 'commonjs' ? REQUIRE_LESS_RE : IMPORT_LESS_RE);
-    code = replaceVueExt(code);
-    code = replaceTSXExt(code);
-    code = replaceJSXExt(code);
-    code = replaceTSExt(code);
-    removeSync(file);
-    writeFileSync(replaceExt(file, '.js'), code, 'utf8');
-}
-export async function compileScriptFile(file) {
-    const sources = readFileSync(file, 'utf-8');
-    await compileScript(sources, file);
-}
-export async function compileESEntry(dir, publicDirs) {
-    const imports = [];
-    const plugins = [];
-    const constInternalComponents = [];
-    const cssImports = [];
-    const publicComponents = [];
-    publicDirs.forEach((dirname) => {
-        const publicComponent = bigCamelize(dirname);
-        publicComponents.push(publicComponent);
-        imports.push(`import ${publicComponent}, * as ${publicComponent}Module from './${dirname}'`);
-        constInternalComponents.push(`export const _${publicComponent}Component = ${publicComponent}Module._${publicComponent}Component || {}`);
-        plugins.push(`${publicComponent}.install && app.use(${publicComponent})`);
-        cssImports.push(`import './${dirname}/style'`);
-    });
+import fse from 'fs-extra';
+import { transformAsync } from '@babel/core';
+import { bigCamelize } from '@varlet/shared';
+import { replaceExt } from '../shared/fsUtils.js';
+import { extractStyleDependencies, IMPORT_CSS_RE, IMPORT_LESS_RE, REQUIRE_CSS_RE, REQUIRE_LESS_RE, } from './compileStyle.js';
+import { resolve } from 'path';
+import { get } from 'lodash-es';
+import { getVarletConfig } from '../config/varlet.config.js';
+const { writeFileSync, readFileSync, removeSync, writeFile } = fse;
+export const IMPORT_VUE_PATH_RE = /((?<!['"`])import\s+.+from\s+['"]\s*\.{1,2}\/.+)\.vue(\s*['"`]);?(?!\s*['"`])/g;
+export const IMPORT_TS_PATH_RE = /((?<!['"`])import\s+.+from\s+['"]\s*\.{1,2}\/.+)\.ts(\s*['"`]);?(?!\s*['"`])/g;
+export const IMPORT_JSX_PATH_RE = /((?<!['"`])import\s+.+from\s+['"]\s*\.{1,2}\/.+)\.jsx(\s*['"`]);?(?!\s*['"`])/g;
+export const IMPORT_TSX_PATH_RE = /((?<!['"`])import\s+.+from\s+['"]\s*\.{1,2}\/.+)\.tsx(\s*['"`]);?(?!\s*['"`])/g;
+export const REQUIRE_VUE_PATH_RE = /(?<!['"`]\s*)(require\s*\(\s*['"]\s*\.{1,2}\/.+)\.vue(\s*['"`]\))(?!\s*['"`])/g;
+export const REQUIRE_TS_PATH_RE = /(?<!['"`]\s*)(require\s*\(\s*['"]\s*\.{1,2}\/.+)\.ts(\s*['"`]\))(?!\s*['"`])/g;
+export const REQUIRE_JSX_PATH_RE = /(?<!['"`]\s*)(require\s*\(\s*['"]\s*\.{1,2}\/.+)\.jsx(\s*['"`]\))(?!\s*['"`])/g;
+export const REQUIRE_TSX_PATH_RE = /(?<!['"`]\s*)(require\s*\(\s*['"]\s*\.{1,2}\/.+)\.tsx(\s*['"`]\))(?!\s*['"`])/g;
+const scriptReplacer = (_, p1, p2) => `${p1}.js${p2}`;
+export const replaceVueExt = (script) => script.replace(IMPORT_VUE_PATH_RE, scriptReplacer).replace(REQUIRE_VUE_PATH_RE, scriptReplacer);
+export const replaceTSExt = (script) => script.replace(IMPORT_TS_PATH_RE, scriptReplacer).replace(REQUIRE_TS_PATH_RE, scriptReplacer);
+export const replaceJSXExt = (script) => script.replace(IMPORT_JSX_PATH_RE, scriptReplacer).replace(REQUIRE_JSX_PATH_RE, scriptReplacer);
+export const replaceTSXExt = (script) => script.replace(IMPORT_TSX_PATH_RE, scriptReplacer).replace(REQUIRE_TSX_PATH_RE, scriptReplacer);
+export const moduleCompatible = async (script) => {
+    const moduleCompatible = get(await getVarletConfig(), 'moduleCompatible', {});
+    Object.keys(moduleCompatible).forEach((esm) => {
+        const commonjs = moduleCompatible[esm];
+        script = script.replace(esm, commonjs);
+    });
+    return script;
+};
+export async function compileScript(script, file) {
+    const modules = process.env.BABEL_MODULE;
+    if (modules === 'commonjs') {
+        script = await moduleCompatible(script);
+    }
+    let { code } = (await transformAsync(script, {
+        filename: file,
+    }));
+    code = extractStyleDependencies(file, code, modules === 'commonjs' ? REQUIRE_CSS_RE : IMPORT_CSS_RE);
+    code = extractStyleDependencies(file, code, modules === 'commonjs' ? REQUIRE_LESS_RE : IMPORT_LESS_RE);
+    code = replaceVueExt(code);
+    code = replaceTSXExt(code);
+    code = replaceJSXExt(code);
+    code = replaceTSExt(code);
+    removeSync(file);
+    writeFileSync(replaceExt(file, '.js'), code, 'utf8');
+}
+export async function compileScriptFile(file) {
+    const sources = readFileSync(file, 'utf-8');
+    await compileScript(sources, file);
+}
+export async function compileESEntry(dir, publicDirs) {
+    const imports = [];
+    const plugins = [];
+    const constInternalComponents = [];
+    const cssImports = [];
+    const publicComponents = [];
+    publicDirs.forEach((dirname) => {
+        const publicComponent = bigCamelize(dirname);
+        publicComponents.push(publicComponent);
+        imports.push(`import ${publicComponent}, * as ${publicComponent}Module from './${dirname}'`);
+        constInternalComponents.push(`export const _${publicComponent}Component = ${publicComponent}Module._${publicComponent}Component || {}`);
+        plugins.push(`${publicComponent}.install && app.use(${publicComponent})`);
+        cssImports.push(`import './${dirname}/style'`);
+    });
     const install = `
 function install(app) {
   ${plugins.join('\n  ')}
 }
-`;
+`;
     const indexTemplate = `\
 ${imports.join('\n')}\n
 ${constInternalComponents.join('\n')}\n
@@ -81,10 +81,10 @@ export default {
   install,
   ${publicComponents.join(',\n  ')}
 }
-`;
+`;
     const styleTemplate = `\
 ${cssImports.join('\n')}
-`;
+`;
     const umdTemplate = `\
 ${imports.join('\n')}\n
 ${cssImports.join('\n')}\n
@@ -98,30 +98,30 @@ export default {
   install,
   ${publicComponents.join(',\n  ')}
 }
-`;
-    await Promise.all([
-        writeFile(resolve(dir, 'index.js'), indexTemplate, 'utf-8'),
-        writeFile(resolve(dir, 'umdIndex.js'), umdTemplate, 'utf-8'),
-        writeFile(resolve(dir, 'style.js'), styleTemplate, 'utf-8'),
-    ]);
-}
-export async function compileCommonJSEntry(dir, publicDirs) {
-    const requires = [];
-    const plugins = [];
-    const cssRequires = [];
-    const publicComponents = [];
-    publicDirs.forEach((dirname) => {
-        const publicComponent = bigCamelize(dirname);
-        publicComponents.push(publicComponent);
-        requires.push(`var ${publicComponent} = require('./${dirname}')['default']`);
-        plugins.push(`${publicComponent}.install && app.use(${publicComponent})`);
-        cssRequires.push(`require('./${dirname}/style')`);
-    });
+`;
+    await Promise.all([
+        writeFile(resolve(dir, 'index.js'), indexTemplate, 'utf-8'),
+        writeFile(resolve(dir, 'umdIndex.js'), umdTemplate, 'utf-8'),
+        writeFile(resolve(dir, 'style.js'), styleTemplate, 'utf-8'),
+    ]);
+}
+export async function compileCommonJSEntry(dir, publicDirs) {
+    const requires = [];
+    const plugins = [];
+    const cssRequires = [];
+    const publicComponents = [];
+    publicDirs.forEach((dirname) => {
+        const publicComponent = bigCamelize(dirname);
+        publicComponents.push(publicComponent);
+        requires.push(`var ${publicComponent} = require('./${dirname}')['default']`);
+        plugins.push(`${publicComponent}.install && app.use(${publicComponent})`);
+        cssRequires.push(`require('./${dirname}/style')`);
+    });
     const install = `
 function install(app) {
   ${plugins.join('\n  ')}
 }
-`;
+`;
     const indexTemplate = `\
 ${requires.join('\n')}\n
 ${install}
@@ -130,12 +130,12 @@ module.exports = {
   install,
   ${publicComponents.join(',\n  ')}
 }
-`;
+`;
     const styleTemplate = `\
 ${cssRequires.join('\n')}
-`;
-    await Promise.all([
-        writeFile(resolve(dir, 'index.js'), indexTemplate, 'utf-8'),
-        writeFile(resolve(dir, 'style.js'), styleTemplate, 'utf-8'),
-    ]);
-}
+`;
+    await Promise.all([
+        writeFile(resolve(dir, 'index.js'), indexTemplate, 'utf-8'),
+        writeFile(resolve(dir, 'style.js'), styleTemplate, 'utf-8'),
+    ]);
+}

package/lib/node/compiler/compileSiteEntry.d.ts

@@ -1,13 +1,13 @@
-export declare function getExampleRoutePath(examplePath: string): string;
-export declare function getComponentDocRoutePath(componentDocsPath: string): string;
-export declare function getRootDocRoutePath(rootDocsPath: string): string;
-export declare function getRootRoutePath(rootLocalePath: string): string;
-export declare function getRootFilePath(rootLocalePath: string): string;
-export declare function findExamples(): Promise<string[]>;
-export declare function findComponentDocs(): Promise<string[]>;
-export declare function findRootDocs(): Promise<string[]>;
-export declare function findRootLocales(): Promise<string[]>;
-export declare function buildMobileSiteRoutes(): Promise<void>;
-export declare function buildPcSiteRoutes(): Promise<void>;
-export declare function buildSiteSource(): Promise<void>;
-export declare function buildSiteEntry(): Promise<void>;
+export declare function getExampleRoutePath(examplePath: string): string;
+export declare function getComponentDocRoutePath(componentDocsPath: string): string;
+export declare function getRootDocRoutePath(rootDocsPath: string): string;
+export declare function getRootRoutePath(rootLocalePath: string): string;
+export declare function getRootFilePath(rootLocalePath: string): string;
+export declare function findExamples(): Promise<string[]>;
+export declare function findComponentDocs(): Promise<string[]>;
+export declare function findRootDocs(): Promise<string[]>;
+export declare function findRootLocales(): Promise<string[]>;
+export declare function buildMobileSiteRoutes(): Promise<void>;
+export declare function buildPcSiteRoutes(): Promise<void>;
+export declare function buildSiteSource(): Promise<void>;
+export declare function buildSiteEntry(): Promise<void>;