gulp-recipe-sass

Recipe for sass files compilation and css transforms application.

Task

sass

Compile all sass files into temp folder.

watch:sass

deps: 'sass'

Watch for changes on all sass files and compile them. Source file change trigger recompilation of only that changed file. Partial file change triggers full project recompilation.

Configuration

Recipe specific

config.sass

default:

{
    style: 'expanded',
    errLogToConsole: true,
    includePaths: [config.paths.app]
}

Configure sass task

Sources

sources.sass

mandatory

Source files for sass compiler. Accepts *.sass and *.scss.

example config:

sources.sass = ['app/components/**/*.scss', 'app/*.scss'];

Paths

paths.app

default: 'app/'

Default sass include path.

Tasks

tasks.sass

default: 'sass'

sass task name.

tasks.watchSass

default: 'watch:sass'

watch:sass task name.

Api

Provided Hooks

pipes.devProcessCss*

type: sequence

Process css files, the sass compiler output.

Used Hooks

pipes.assetSass

Provide compiled sass files into build as assets.