Refactor build tasks and config file

Changed:
- Renamed 'mconfig.json' to 'loconfig.json'.
- Renamed 'concat.js' to 'concats.js' to represent flexible functionality.
- loconfig.json: Base paths are nested under "paths".
- loconfig.json: Paths for tasks are nested under "tasks".
- Refactored each task to process corresponding entries under "tasks" in 'loconfig.json'.
- watch.js: Changed concats watch to use task's includes.

Added:
- tiny-glob v0.2.9
- Utility 'glob.js' to use dynamic imports to fetch an available glob function from node modules.
- Utility 'template.js' to provide a function to render template tags (`{% ... %}`) in tasks.
- concats.js: Support for concatenating groupes of files.
- scripts.js: Support for ESBuild's "outdir" option.
This commit is contained in:
Chauncey McAskill
2021-09-17 00:26:18 -04:00
parent 589ec99135
commit d4ded2a64e
14 changed files with 428 additions and 134 deletions

View File

@@ -1,40 +1,58 @@
import paths from '../mconfig.json';
import loconfig from '../../loconfig.json';
import message from '../utils/message.js';
import notification from '../utils/notification.js';
import template from '../utils/template.js';
import esbuild from 'esbuild';
import { basename } from 'node:path';
/**
* Bundles and minifies main JavaScript files.
*/
export async function compileScripts() {
[
'app.js',
].forEach((filename) => {
const includes = [ paths.scripts.src + filename ];
const outfile = paths.scripts.dest + filename;
loconfig.tasks.scripts.forEach(async ({
includes,
outdir = '',
outfile = ''
}) => {
const filename = basename(outdir || outfile || 'undefined');
const timeLabel = `${filename} compiled in`;
console.time(timeLabel);
esbuild.build({
entryPoints: includes,
bundle: true,
minify: true,
sourcemap: true,
color: true,
logLevel: 'error',
target: [
'es2015',
],
outfile
}).catch((err) => {
try {
includes = includes.map((path) => template(path));
if (outdir) {
outdir = template(outdir);
} else if (outfile) {
outfile = template(outfile);
} else {
throw new TypeError(
'Expected \'outdir\' or \'outfile\''
);
}
await esbuild.build({
entryPoints: includes,
bundle: true,
minify: true,
sourcemap: true,
color: true,
logLevel: 'error',
target: [
'es2015',
],
outdir,
outfile
});
message(`${filename} compiled`, 'success', timeLabel);
} catch (err) {
// errors managments (already done in esbuild)
notification({
title: `${filename} compilation failed 🚨`,
message: `${err.errors[0].text} in ${err.errors[0].location.file} line ${err.errors[0].location.line}`
});
}).then(() => {
message(`${filename} compiled`, 'success', timeLabel);
});
}
});
};