@bemtools/gulp-bundle-scss

Create bundle scss file and import in all blocks

Usage no npm install needed!

<script type="module">
  import bemtoolsGulpBundleScss from 'https://cdn.skypack.dev/@bemtools/gulp-bundle-scss';
</script>

README

Create bundle SCSS file with import blocks

Installation

npm install @bemtools/gulp-bundle-scss @bemtools/gulp-extract-html-class --save

Sample gulpfile.js

This file will give you a taste of what plugin does.

const gulp         = require('gulp');
const extractClass = require('@bemtools/gulp-extract-html-class');
const bundleSCSS = require('@bemtools/gulp-bundle-scss');

gulp.task('bundle:scss', () => {
    gulp.src('./src/html/**/*.html')
        .pipe(extractClass())
        .pipe(bundleSCSS())
        .pipe(gulp.dest('./src/bundles'))
});