import execa from 'execa'; import chokidar from 'chokidar'; import { join, relative } from 'path'; import { remove, copy, readdirSync, existsSync } from 'fs-extra'; import { clean } from './clean'; import { CSS_LANG } from '../common/css'; import { ora, consola, slimPath } from '../common/logger'; import { installDependencies } from '../common/manager'; import { compileJs } from '../compiler/compile-js'; import { compileSfc } from '../compiler/compile-sfc'; import { compileStyle } from '../compiler/compile-style'; import { compilePackage } from '../compiler/compile-package'; import { genPackageEntry } from '../compiler/gen-package-entry'; import { genStyleDepsMap } from '../compiler/gen-style-deps-map'; import { genComponentStyle } from '../compiler/gen-component-style'; import { SRC_DIR, LIB_DIR, ES_DIR } from '../common/constant'; import { genPackageStyle } from '../compiler/gen-package-style'; import { genVeturConfig } from '../compiler/gen-vetur-config'; import { isDir, isSfc, isAsset, isStyle, isScript, isDemoDir, isTestDir, setNodeEnv, setModuleEnv, setBuildTarget, } from '../common'; async function compileFile(filePath: string) { if (isSfc(filePath)) { return compileSfc(filePath); } if (isScript(filePath)) { return compileJs(filePath); } if (isStyle(filePath)) { return compileStyle(filePath); } if (isAsset(filePath)) { return Promise.resolve(); } return remove(filePath); } async function compileDir(dir: string) { const files = readdirSync(dir); await Promise.all( files.map((filename) => { const filePath = join(dir, filename); if (isDemoDir(filePath) || isTestDir(filePath)) { return remove(filePath); } if (isDir(filePath)) { return compileDir(filePath); } return compileFile(filePath); }) ); } async function copySourceCode() { await copy(SRC_DIR, ES_DIR); await copy(SRC_DIR, LIB_DIR); } async function buildESMOutputs() { setModuleEnv('esmodule'); setBuildTarget('package'); await compileDir(ES_DIR); } async function buildCJSOutputs() { setModuleEnv('commonjs'); setBuildTarget('package'); await compileDir(LIB_DIR); } async function buildTypeDeclarations() { const tsConfig = join(process.cwd(), 'tsconfig.declaration.json'); if (existsSync(tsConfig)) { await execa('tsc', ['-p', tsConfig]); } } async function buildStyleEntry() { await genStyleDepsMap(); genComponentStyle(); } async function buildPackageScriptEntry() { const esEntryFile = join(ES_DIR, 'index.js'); const libEntryFile = join(LIB_DIR, 'index.js'); genPackageEntry({ outputPath: esEntryFile, pathResolver: (path: string) => `./${relative(SRC_DIR, path)}`, }); await copy(esEntryFile, libEntryFile); } async function buildPackageStyleEntry() { const styleEntryFile = join(LIB_DIR, `index.${CSS_LANG}`); genPackageStyle({ outputPath: styleEntryFile, pathResolver: (path: string) => path.replace(SRC_DIR, '.'), }); } async function buildBundledOutputs() { setModuleEnv('esmodule'); await compilePackage(false); await compilePackage(true); genVeturConfig(); } const tasks = [ { text: 'Copy Source Code', task: copySourceCode, }, { text: 'Build Package Script Entry', task: buildPackageScriptEntry, }, { text: 'Build Component Style Entry', task: buildStyleEntry, }, { text: 'Build Package Style Entry', task: buildPackageStyleEntry, }, { text: 'Build Type Declarations', task: buildTypeDeclarations, }, { text: 'Build ESModule Outputs', task: buildESMOutputs, }, { text: 'Build CommonJS Outputs', task: buildCJSOutputs, }, { text: 'Build Bundled Outputs', task: buildBundledOutputs, }, ]; async function runBuildTasks() { for (let i = 0; i < tasks.length; i++) { const { task, text } = tasks[i]; const spinner = ora(text).start(); try { /* eslint-disable no-await-in-loop */ await task(); spinner.succeed(text); } catch (err) { spinner.fail(text); console.log(err); throw err; } } consola.success('Compile successfully'); } function watchFileChange() { consola.info('Watching file changes...'); chokidar.watch(SRC_DIR).on('change', async (path) => { if (isDemoDir(path) || isTestDir(path)) { return; } const spinner = ora('File changed, start compilation...').start(); const esPath = path.replace(SRC_DIR, ES_DIR); const libPath = path.replace(SRC_DIR, LIB_DIR); try { await copy(path, esPath); await copy(path, libPath); await compileFile(esPath); await compileFile(libPath); await genStyleDepsMap(); genComponentStyle({ cache: false }); spinner.succeed('Compiled: ' + slimPath(path)); } catch (err) { spinner.fail('Compile failed: ' + path); console.log(err); } }); } export async function build(cmd: { watch?: boolean } = {}) { setNodeEnv('production'); try { await clean(); await installDependencies(); await runBuildTasks(); if (cmd.watch) { watchFileChange(); } } catch (err) { consola.error('Build failed'); process.exit(1); } }