deployment-tools/src/utils/sass.js

A Node.js scripts that helps you to compile and deploy the static assets (CSS/JavaScript/images) of your website without gulp and grunt using Node.js and npm scripts

import c from '../libs/config';
import compileStylesheetAsync from './css';

const sass = require('postcss-scss');

const loadConfig = () => c().load();

function sassTaskAsync({ config = loadConfig(), minify = false }) {
	const srcFolder = config.get('srcSass');
	const outputFolder = config.get('buildPathCss');
	// NOTE: use the cdn alias for images
	const cdnDomain = config.get('imagesCdnAlias');
	const projectName = config.get('projectName');
	const version = config.get('version');
	const stylelintrc = config.get('stylelintrc');
	const styledocPath = config.get('styledocPath');
	const mainStyle = config.get('mainStyle');
	const mainBackoffileStyle = config.get('mainBackoffileStyle');
	const doiuseRules = config.get('doiuse');
	const autoprefixerRules = config.get('autoprefixer');
	const tasks = [
		compileStylesheetAsync({ filename: mainStyle, srcFolder, outputFolder, cdnDomain, minify, projectName, version, engine: sass, stylelintrc, styledocPath, doiuseRules, autoprefixerRules }),
	];
	// the main-backoffice is OPT-IN
	if (mainBackoffileStyle) {
		tasks.push(compileStylesheetAsync({ filename: mainBackoffileStyle, srcFolder, outputFolder, cdnDomain, minify, projectName, engine: sass, version, stylelintrc, styledocPath, doiuseRules, autoprefixerRules }));
	}
	return Promise.all(tasks);
}

export default sassTaskAsync;