bootstrap-4-grid-styl/gulp/styles.js

Bootstrap 4 grid system and layout utilities using Stylus

import paths from "./paths";
import gulp from "gulp";
import plumber from "gulp-plumber";
import notify from "gulp-notify";
import onError from "./errors";
import stylus from "gulp-stylus";
import gulpif from "gulp-if";
import sourcemaps from "gulp-sourcemaps";
import autoprefixer from "gulp-autoprefixer";
import csso from "gulp-csso";
import rename from "gulp-rename";
import yargs from "yargs"

var isProduction = (yargs.argv.production === undefined) ? false : true;

function styles() {
  return gulp.src(paths.styles.src)
    .pipe(plumber({errorHandle: onError}))
    .pipe(gulpif(!isProduction, sourcemaps.init()))
    .pipe(stylus({
      "include css": true
    }))
    .on("error", onError)
    .pipe(autoprefixer({
      browsers: ["last 3 versions", "> 2% in RU"]
    }))
    .on("error", onError)
    .pipe(gulpif(isProduction, csso({
      comments: false
    })))
    .pipe(gulpif(isProduction, rename({
      suffix: ".min"
    })))
    .pipe(gulpif(!isProduction, sourcemaps.write()))
    .pipe(gulp.dest(paths.styles.dest))
    .pipe(notify({
      onLast: true,
      title: "Gulp Task Complete",
      message: "Styles have been compiled"
    }));
}

export default styles;