Add a live reload task in Gulp.
This commit is contained in:
parent
fa7e169b9f
commit
80cfa8dc0e
22
gulpfile.js
22
gulpfile.js
@ -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']);
|
||||||
|
@ -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",
|
||||||
|
Loading…
Reference in New Issue
Block a user