setting up gruntfile.js to send sass to style.css

I’m using the starter theme #blank-bootstrap-gulp-sass-wp-theme and it has gulp piping to the /css/index.css in compressed form. I also want it to send it to the style.css in expanded form. this is the gulpfile.js

var gulp         = require('gulp');

var sass = require(‘gulp-sass’);
var rename = require(‘gulp-rename’);
var watch = require(‘gulp-watch’);
var notify = require(‘gulp-notify’);
var concat = require(‘gulp-concat’);
var livereload = require(‘gulp-livereload’);

gulp.task(‘php’, function() {
.pipe(notify({ message : “html”}));

// compila sass
gulp.task(‘sass’, function () {
.pipe(sass({ indentedSyntax: false, outputStyle: ‘compressed’ }).on(‘error’, sass.logError))
.pipe(notify({ message : “sass”}));

/* WATCH /
gulp.task(‘watch’, function () {
livereload.listen({ start:true });[‘./
.php’], [‘php’]);[‘css//.scss’, ‘src/bootstrap//.sss’], [‘sass’]);

/* Default task */
gulp.task(‘default’, [‘watch’]);

Read more here: setting up gruntfile.js to send sass to style.css

Leave a Reply

Your email address will not be published. Required fields are marked *