gulp-sass-inline v0.0.4

gulp-sass-inline

compiler inline javascript with Babel and uglify

Install

Using npm:

npm i -D gulp-sass-inline

or using yarn:

yarn add gulp-sass-inline --dev

Using

<style type="text/scss"> 
  body {
    .test {
      h1 {
        color: red;
      }
    }
  }
</style>

require packages

const
    gulp        = require('gulp'),
    sassInline   = require('gulp-sass-inline'),
    htmlMin     = require('gulp-htmlmin');

create task

//only babel in Html
gulp.task('sassInline', () =>
    gulp.src([srcDir + '/**/*.html'])
        .pipe(sassInline())
        .pipe(gulp.dest(targetDir))
);

//used with html-min
gulp.task('htmlMin', function () {
    let minOptions = {
        removeComments: true,
        collapseWhitespace: true,
        collapseBooleanAttributes: false,
        removeEmptyAttributes: false,
        removeScriptTypeAttributes: true,
        removeStyleLinkTypeAttributes: true,
        minifyJS: true,
        minifyCSS: true
    };
    gulp.src([srcDir + '/**/*.html'])
        .pipe(sassInline())
        .pipe(htmlMin(minOptions))
        .pipe(gulp.dest(targetDir));
});