[英]Errors when using BrowserSync with Gulp
Gulp在保存文件之前一直運行良好,直到出現錯誤:“任務'browsersync.reload'不在您的gulpfile中”。 我不確定自己在做什么錯(據我所了解的,我正在遵循Gulp教程,並且來源是相同的)。
Gulp文件:
// Load Node Modules/Plugins
var gulp = require('gulp');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var uglify = require('gulp-uglify');
var jshint = require('gulp-jshint');
var imagemin = require('gulp-imagemin');
var connect = require('connect');
var serve = require('serve-static');
var browsersync = require('browser-sync');
// Styles task
gulp.task('styles', function(){
return gulp.src('app/css/*.scss')
.pipe(sass())
.pipe(gulp.dest('dist'));
});
gulp.task('scripts', function(){
return gulp.src('app/js/*.js')
.pipe(jshint())
.pipe(jshint.reporter('default'))
.pipe(concat('all.js'))
.pipe(uglify())
.pipe(gulp.dest('dist'));
});
gulp.task('images', function(){
return gulp.src('app/img/*')
.pipe(imagemin())
.pipe(gulp.dest('dist/img'));
});
gulp.task('server', function(){
return connect().use(serve(__dirname))
.listen(8080)
.on('listening', function(){
console.log('Server Running: View at http://localhost:8080');
});
});
gulp.task('browsersync', function(cb) {
return browsersync({
server: {
baseDir:'./'
}
}, cb);
});
gulp.task('watch', function(){
gulp.watch('app/css/*.css', ['styles', 'browsersync.reload']);
gulp.watch('app/js/*.js', ['scripts', 'browsersync.reload']);
gulp.watch('app/img/*', ['images', 'browsersync.reload']);
});
gulp.task('default', ['styles', 'scripts', 'images', 'server', 'browsersync', 'watch']);
我收到錯誤消息:“任務'browsersync.reload'不在您的gulpfile中”
閱讀錯誤消息將使您進入以下行:
gulp.watch('app/css/*.css', ['styles', 'browsersync.reload']);
gulp.watch('app/js/*.js', ['scripts', 'browsersync.reload']);
gulp.watch('app/img/*', ['images', 'browsersync.reload']);
您正在嘗試運行一個您顯然沒有的名為browsersync.reload
的任務。
提示:也許這不是您應該運行的任務?
解決:我正在學習的書是錯誤的。 在http://www.browsersync.io/docs/api/的幫助下,我能夠弄清楚'browsersync.reload'應該不帶引號。 編輯:
gulp.task('watch', function(){
gulp.watch('app/css/*.css', ['styles', browsersync.reload]);
gulp.watch('app/js/*.js', ['scripts', browsersync.reload]);
gulp.watch('app/img/*', ['images', browsersync.reload]);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.