Add a live reload task in Gulp.

This commit is contained in:
Hyunje Alex Jun 2015-01-25 18:52:18 +00:00
parent fa7e169b9f
commit 80cfa8dc0e
2 changed files with 21 additions and 2 deletions

View File

@ -3,6 +3,7 @@
var gulp = require('gulp') var gulp = require('gulp')
, browserify = require('browserify') , browserify = require('browserify')
, bump = require('gulp-bump') , bump = require('gulp-bump')
, connect = require('gulp-connect')
, jshint = require('gulp-jshint') , jshint = require('gulp-jshint')
, rename = require('gulp-rename') , rename = require('gulp-rename')
, rimraf = require('gulp-rimraf') , rimraf = require('gulp-rimraf')
@ -37,7 +38,8 @@ gulp.task('js', ['clean:js'], function () {
return gulp.src('./src/js/main.js') return gulp.src('./src/js/main.js')
.pipe(browserified()) .pipe(browserified())
.pipe(rename('perfect-scrollbar.js')) .pipe(rename('perfect-scrollbar.js'))
.pipe(gulp.dest('./out/js')); .pipe(gulp.dest('./out/js'))
.pipe(connect.reload());
}); });
gulp.task('js:min', ['clean:js:min'], function () { gulp.task('js:min', ['clean:js:min'], function () {
@ -62,7 +64,8 @@ gulp.task('sass', ['clean:css'], function () {
return gulp.src('./src/css/main.scss') return gulp.src('./src/css/main.scss')
.pipe(sass()) .pipe(sass())
.pipe(rename('perfect-scrollbar.css')) .pipe(rename('perfect-scrollbar.css'))
.pipe(gulp.dest('./out/css')); .pipe(gulp.dest('./out/css'))
.pipe(connect.reload());
}); });
gulp.task('sass:min', ['clean:css:min'], function () { gulp.task('sass:min', ['clean:css:min'], function () {
@ -91,4 +94,19 @@ gulp.task('bump', function () {
gulp.task('release', ['bump', 'build']); gulp.task('release', ['bump', 'build']);
gulp.task('build', ['js', 'js:min', 'sass', 'sass:min']); gulp.task('build', ['js', 'js:min', 'sass', 'sass:min']);
gulp.task('connect', ['build'], function () {
connect.server({
root: __dirname,
livereload: true
});
});
gulp.task('watch', function () {
gulp.watch(['src/js/**/*'], ['js']);
gulp.watch(['src/css/**/*'], ['css']);
});
gulp.task('serve', ['connect', 'watch']);
gulp.task('default', ['lint', 'build']); gulp.task('default', ['lint', 'build']);

View File

@ -29,6 +29,7 @@
"browserify": "^8.1.1", "browserify": "^8.1.1",
"gulp": "^3.8.10", "gulp": "^3.8.10",
"gulp-bump": "^0.1.11", "gulp-bump": "^0.1.11",
"gulp-connect": "^2.2.0",
"gulp-jshint": "^1.9.0", "gulp-jshint": "^1.9.0",
"gulp-rename": "^1.2.0", "gulp-rename": "^1.2.0",
"gulp-rimraf": "^0.1.1", "gulp-rimraf": "^0.1.1",