gulp-sass-import-json

Gulp 4 plugin for sass

Install

npm i gulp-sass-import-json

Configuration

sassImportJson([options])

options.isSсss

Type: Boolean

Set it to true if you want to have SCCS syntax. Otherwise it will be Sass syntax.

Default value is false.

options.cache

Type: Boolean

Cache the imported JSON files. Caching makes builds faster. If you have watch tasks and want to reload changes to the JSOn files, you have to use false.

Default value is true.

Example

//gulp-build.js

var sassImportJson = require('gulp-sass-import-json');

gulp.src('/path/example.sass')
    .pipe(sassImportJson())//add plugin before sass render
    .pipe(gulp.sass())

//example.sass

@import '_variables.json'

div.error
    color: map-get($colors, error)
    font-size: $medium

//_variables.json (JSON: root element must be Object ONLY!)

{
    "colors": {
        "error": "#f00",
        "success": "#0f0"
    },
    "medium": "12px"
}