gulp-sass-themes-by-folder
A freely adapted version of gulp-sass-themes.
Install
npm install gulp-sass-themes-by-folder gulp-sass --save-dev
Basic Usage
Source files
├── styles
| └── main.scss
└── themes
├── red
| └── scss
| └── _red.scss
└── blue
└── scss
└── _blue.scss
Gulpfile
const gulp = require('gulp');
const sass = require('gulp-sass');
const sassThemesByFolder = require('gulp-sass-themes-by-folder');
gulp.task('styles', function() {
gulp.src('styles/*.scss')
.pipe(sassThemesByFolder('themes/**/_*.scss'))
.pipe(sass()).on('error', sass.logError)
.pipe(gulp.dest('themes'));
});
Output
├── styles
| └── main.scss
└── themes
├── red
| ├── scss
| | └── _red.scss
| └── main.css
└── blue
├── scss
| └── _red.scss
└── main.css
Parameters
themes
Type: String | Array<String>
Glob pattern to theme files.
options
cwd
Type: String
Current working directory for glob pattern.
placeholder
Type: RegExp
Regular expression to match and replace placeholder in file. The first parentheses-captured matched result will be replaced with the theme name.
Default is /^.+\.(scss|sass)$/
.