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() {
gulp.src(‘index.php’)
.pipe(livereload())
.pipe(notify({ message : “html”}));
})

// compila sass
gulp.task(‘sass’, function () {
gulp.src(‘./css/index.s*ss’)
.pipe(sass({ indentedSyntax: false, outputStyle: ‘compressed’ }).on(‘error’, sass.logError))
.pipe(gulp.dest(‘./css’))
.pipe(livereload())
.pipe(notify({ message : “sass”}));
});

/* WATCH /
gulp.task(‘watch’, function () {
livereload.listen({ start:true });
gulp.watch([‘./
.php’], [‘php’]);
gulp.watch([‘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


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: