import fs from 'iofs' import { join, resolve, dirname, parse } from 'path' import Es from 'esbuild' import { compileScss, parseJs, compileVue, parseHtml } from './compile-vue.js' const noc = Buffer.from('') export default function compile(root = '', dist = '', conf = {}) { // const SOURCE_DIR = join(root, 'src') const PUBLIC_DIR = join(root, 'public') const IS_MPA = Object.keys(conf.pages).length > 1 let timeStart = Date.now() let html = fs.cat(join(process.env.PWD, 'index.html')).toString() let pagesDir = '', currentPage = '' if (IS_MPA) { } else { let page let list = fs.ls(SOURCE_DIR, true).map(it => ({ name: it.slice(SOURCE_DIR.length + 1), path: it, ext: parse(it).ext })) currentPage = Object.keys(conf.pages)[0] page = conf.pages[currentPage] console.log('正在生成 %s ...', `${currentPage}.html`) for (let it of list) { if (fs.isdir(it.path)) { continue } // 入口文件, 特殊处理 if (it.path === page.entry) { let entry = fs.cat(page.entry).toString() entry = parseJs( entry, conf.imports, { IS_MPA, currentPage, IS_ENTRY: true }, true ) let code = parseHtml(html, { page, imports: conf.imports, entry }, true) fs.echo(code, join(dist, `${currentPage}.html`)) continue } console.log(' 解析 %s ...', it.name) switch (it.ext) { case '.vue': { let code = compileVue( it.path, conf.imports, { IS_MPA, currentPage, SOURCE_DIR, pagesDir }, true ) Es.transform(code, { minify: true }).then(r => { fs.echo( r.code, join(dist, `assets/js/${it.name.split('.').shift()}.js`) ) }) } break case '.js': { let code = fs.cat(it.path) code = parseJs( code + '', conf.imports, { IS_MPA, currentPage }, true ) Es.transform(code, { minify: true }).then(r => { fs.echo(r.code, join(dist, `assets/js/${it.name}`)) }) } break case '.scss': case '.css': { let code = compileScss(it.path) if (!it.name.startsWith('assets')) { it.name = 'assets/js/' + it.name } fs.echo(code, join(dist, it.name.replace(/\.scss$/, '.css'))) } break default: fs.cp(it.path, join(dist, it.name)) break } } fs.ls(PUBLIC_DIR, true).forEach(it => { let name = it.slice(PUBLIC_DIR.length + 1) console.log('正在复制静态文件 %s ...', name) fs.cp(it, join(dist, name)) }) } console.log('\n页面处理完成, 耗时 %ss\n', (Date.now() - timeStart) / 1000) }