fite/lib/prod.js

117 lines
2.9 KiB
JavaScript

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)
}
vue3的轻量构建工具。webpack/vite的替代品
JavaScript 100%