Function buildSassFile

scripts/builds.mjs:194–224

(sassFile)

 * @param {String} sassFile
 */
export async function buildSassFile(sassFile) {
  let sassLogged = false;
  const filename = path.basename(sassFile, '.scss');
  // const extension = path.extname(sassFile);

  if (!sassLogged) {
    console.log(`[${styleText('magenta', 'SASS')}] SASS file changes detected`);
    sassLogged = true;
  }
  if (filename.startsWith('_')) {
    // when _variables changes, let's rebuild all SASS files instead of just one
    console.log(`[${styleText('magenta', 'SASS')}] scss variable file changed, requires full SASS rebuild (triggered by`, `"${sassFile}")`);
    await buildAllSassFiles();
  } else {
    const srcDir = 'src';
    const distDir = 'dist';
    const basePath = path.join(process.cwd(), `/${srcDir}/styles`);
    const absoluteFilePath = path.relative(basePath, sassFile);
    const posixPath = absoluteFilePath.replaceAll('\\', '/');

    try {
      outputFileSync(
        `${distDir ? distDir + '/' : ''}styles/css/${filename}.css`,
        sassCompile(`${srcDir ? srcDir + '/' : ''}styles/${posixPath}`, { style: 'compressed', quietDeps: true, noSourceMap: true }).css
      );
    } catch (err) {
      // don't do anything when an error occured, this is to avoid watch mode to crash on errors
      console.error('SASS error: ', err);
    }
  }
}