Skip to content

Instantly share code, notes, and snippets.

@ShinichiNishikawa
Last active November 26, 2015 08:42
Show Gist options
  • Save ShinichiNishikawa/7f72356d3edcb33addef to your computer and use it in GitHub Desktop.
Save ShinichiNishikawa/7f72356d3edcb33addef to your computer and use it in GitHub Desktop.
gulpfile.js
var gulp = require("gulp");
var sass = require("gulp-sass");
var sourcemaps = require('gulp-sourcemaps');
var autoprefixer = require("gulp-autoprefixer");
var browserSync = require("browser-sync").create();
var plumber = require("gulp-plumber");
gulp.task('serve', ['sass'], function() {
browserSync.init({
proxy: "example.loc"
});
gulp.watch("sass/*.scss",["sass"]).on('change', browserSync.reload);
gulp.watch("js/*.js" ).on('change', browserSync.reload);
gulp.watch("*.php" ).on('change', browserSync.reload);
gulp.watch("*/**/*.php" ).on('change', browserSync.reload);
});
gulp.task("sass", function() {
gulp.src("sass/style.scss")
.pipe(plumber())
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(autoprefixer())
.pipe(sourcemaps.write("./sass/maps"))
.pipe(gulp.dest("./css"))
.pipe(browserSync.reload({stream:true}));
});
gulp.task("default", ['serve']);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment