refactor: standardize formatting in CSS and JS build configurations

This commit is contained in:
madrilene 2025-08-02 10:47:14 +02:00
parent dd0a92b69b
commit e08549e9d6
2 changed files with 13 additions and 23 deletions

View file

@ -17,42 +17,32 @@ const buildCss = async (inputPath, outputPaths) => {
tailwindcss, tailwindcss,
autoprefixer, autoprefixer,
cssnano cssnano
]).process(inputContent, { from: inputPath }); ]).process(inputContent, {from: inputPath});
for (const outputPath of outputPaths) { for (const outputPath of outputPaths) {
await fs.mkdir(path.dirname(outputPath), { recursive: true }); await fs.mkdir(path.dirname(outputPath), {recursive: true});
await fs.writeFile(outputPath, result.css); await fs.writeFile(outputPath, result.css);
} }
return result.css; return result.css;
} };
export const buildAllCss = async () => { export const buildAllCss = async () => {
const tasks = []; const tasks = [];
tasks.push( tasks.push(buildCss('src/assets/css/global/global.css', ['src/_includes/css/global.css']));
buildCss(
'src/assets/css/global/global.css',
['src/_includes/css/global.css']
)
);
const localCssFiles = await fg(['src/assets/css/local/*.css']); const localCssFiles = await fg(['src/assets/css/local/**/*.css']);
for (const inputPath of localCssFiles) { for (const inputPath of localCssFiles) {
const baseName = path.basename(inputPath); const baseName = path.basename(inputPath);
tasks.push( tasks.push(buildCss(inputPath, [`src/_includes/css/${baseName}`]));
buildCss(inputPath, [`src/_includes/css/${baseName}`])
);
} }
const componentCssFiles = await fg(['src/assets/css/components/*.css']); const componentCssFiles = await fg(['src/assets/css/components/**/*.css']);
for (const inputPath of componentCssFiles) { for (const inputPath of componentCssFiles) {
const baseName = path.basename(inputPath); const baseName = path.basename(inputPath);
tasks.push( tasks.push(buildCss(inputPath, [`dist/assets/css/components/${baseName}`]));
buildCss(inputPath, [`dist/assets/css/components/${baseName}`])
);
} }
await Promise.all(tasks); await Promise.all(tasks);
} };

View file

@ -14,7 +14,7 @@ export const buildJs = async (inputPath, outputPath) => {
const output = result.outputFiles[0].text; const output = result.outputFiles[0].text;
await fs.mkdir(path.dirname(outputPath), { recursive: true }); await fs.mkdir(path.dirname(outputPath), {recursive: true});
await fs.writeFile(outputPath, output); await fs.writeFile(outputPath, output);
return output; return output;
@ -23,14 +23,14 @@ export const buildJs = async (inputPath, outputPath) => {
export const buildAllJs = async () => { export const buildAllJs = async () => {
const tasks = []; const tasks = [];
const inlineBundleFiles = await fg(['src/assets/scripts/bundle/*.js']); const inlineBundleFiles = await fg(['src/assets/scripts/bundle/**/*.js']);
for (const inputPath of inlineBundleFiles) { for (const inputPath of inlineBundleFiles) {
const baseName = path.basename(inputPath); const baseName = path.basename(inputPath);
const outputPath = `src/_includes/scripts/${baseName}`; const outputPath = `src/_includes/scripts/${baseName}`;
tasks.push(buildJs(inputPath, outputPath)); tasks.push(buildJs(inputPath, outputPath));
} }
const componentFiles = await fg(['src/assets/scripts/components/*.js']); const componentFiles = await fg(['src/assets/scripts/components/**/*.js']);
for (const inputPath of componentFiles) { for (const inputPath of componentFiles) {
const baseName = path.basename(inputPath); const baseName = path.basename(inputPath);
const outputPath = `dist/assets/scripts/components/${baseName}`; const outputPath = `dist/assets/scripts/components/${baseName}`;