d4ded2a64e
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.
99 lines
3.2 KiB
JavaScript
99 lines
3.2 KiB
JavaScript
import loconfig from '../../loconfig.json';
|
|
import message from '../utils/message.js';
|
|
import notification from '../utils/notification.js';
|
|
import postcss from '../utils/postcss.js';
|
|
import template from '../utils/template.js';
|
|
import { writeFile } from 'node:fs/promises';
|
|
import { basename } from 'node:path';
|
|
import { promisify } from 'node:util';
|
|
import sass from 'node-sass';
|
|
|
|
const sassRender = promisify(sass.render);
|
|
|
|
/**
|
|
* Compiles and minifies main Sass files to CSS.
|
|
*/
|
|
export async function compileStyles() {
|
|
loconfig.tasks.styles.forEach(async ({
|
|
infile,
|
|
outfile
|
|
}) => {
|
|
const name = basename((outfile || 'undefined'), '.scss');
|
|
|
|
const timeLabel = `${name}.css compiled in`;
|
|
console.time(timeLabel);
|
|
|
|
try {
|
|
infile = template(infile);
|
|
outfile = template(outfile);
|
|
|
|
let result = await sassRender({
|
|
file: infile,
|
|
omitSourceMapUrl: true,
|
|
outFile: outfile,
|
|
outputStyle: 'compressed',
|
|
sourceMap: true,
|
|
sourceMapContents: true
|
|
});
|
|
|
|
if (postcss) {
|
|
result = await postcss.process(result.css, {
|
|
from: outfile,
|
|
to: outfile,
|
|
map: {
|
|
annotation: false,
|
|
inline: false,
|
|
sourcesContent: true
|
|
}
|
|
});
|
|
|
|
if (result.warnings) {
|
|
const warnings = result.warnings();
|
|
if (warnings.length) {
|
|
message(`Error processing ${name}.css`, 'warning');
|
|
warnings.forEach((warn) => {
|
|
message(warn.toString());
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
writeFile(outfile, result.css).then(() => {
|
|
if (result.css) {
|
|
message(`${name}.css compiled`, 'success', timeLabel);
|
|
} else {
|
|
message(`${name}.css is empty`, 'notice', timeLabel);
|
|
}
|
|
}).catch((err) => {
|
|
message(`Error compiling ${name}.scss`, 'error');
|
|
message(err);
|
|
|
|
notification({
|
|
title: `${name}.scss compilation failed 🚨`,
|
|
message: `Could not save stylesheet to ${name}.css`
|
|
});
|
|
});
|
|
|
|
if (result.map) {
|
|
writeFile(outfile + '.map', result.map.toString()).catch((err) => {
|
|
message(`Error compiling ${name}.scss`, 'error');
|
|
message(err);
|
|
|
|
notification({
|
|
title: `${name}.scss compilation failed 🚨`,
|
|
message: `Could not save sourcemap to ${name}.css.map`
|
|
});
|
|
});
|
|
}
|
|
} catch (err) {
|
|
message(`Error compiling ${name}.scss`, 'error');
|
|
message(err.formatted);
|
|
|
|
notification({
|
|
title: `${name}.scss compilation failed 🚨`,
|
|
message: err.formatted
|
|
});
|
|
}
|
|
});
|
|
};
|