/** * {} * @author yutent * @date 2023/06/14 18:36:15 */ import { join, dirname, parse, normalize } from 'node:path' import fs from 'iofs' import Es from 'esbuild' import { compileScss, parseJs, compileVue, parseHtml } from './compile-vue.js' const template = fs.cat(join(process.cwd(), 'index.html')).toString() export function compileFiles( currentPage, page, files, options, { verbose, imports, dist } = {} ) { options.currentPage = currentPage console.log('正在生成 %s ...', `${currentPage}.html`) for (let [k, it] of files) { // let it = files[k] // 入口文件, 特殊处理 if (page && it.path === page.entry) { let entry = fs.cat(page.entry).toString() entry = parseJs(entry, imports, { ...options, IS_ENTRY: true }) let code = parseHtml(template, { page, imports, entry, LEGACY_MODE: options.LEGACY_MODE }) fs.echo(code, join(dist, `${currentPage}.html`)) continue } verbose && console.log(' 解析 %s ...', it.name) let pageDir = options.IS_MPA && currentPage ? `pages/${currentPage}` : '' switch (it.ext) { case '.vue': { let code = compileVue(it.path, imports, options) Es.transform(code, { minify: true }).then(r => { fs.echo( r.code, join(dist, 'assets/', pageDir, it.name.replace(/\.vue$/, '.js')) ) }) } break case '.js': { let code = fs.cat(it.path) code = parseJs(code + '', imports, options) Es.transform(code, { minify: true }).then(r => { fs.echo(r.code, join(dist, 'assets/', pageDir, it.name)) }) } break case '.scss': case '.css': { let target = join(dist, 'assets/', it.name.replace(/\.scss$/, '.css')) if (it.ext === '.css') { fs.cp(it.path, target) } else { let code = compileScss(it.path) fs.echo(code, target) } } break default: fs.cp(it.path, join(dist, it.name)) break } } }