人生得一知己 2017-11-01 05:03
浏览 916

Gulp运行Browser-sync报错提示

图片说明

在运行 gulp的时候 提示报了一个这个错误 , 之前运行还是可以的不知道为什么就这样了 ,一直没找到问题所在

目录结构:

图片说明

我的配置代码:

var gulp = require('gulp');
var autoprefixer = require('gulp-autoprefixer');
var cleanCSS = require('gulp-clean-css');
var less = require('gulp-less');
var sourcemaps = require('gulp-sourcemaps');
var browserSync = require('browser-sync').create(),//编辑JS、HTML、Css实现无刷新页面操作
reload = browserSync.reload;

function handleError(err) {
console.log(err.toString());
this.emit('end');
}
//执行
gulp.task("less", function () {
return gulp.src(['LessDir/*.less']) //less文件的地址 src-->less下**:任意目录 :任意文件名
// return gulp.src(['LessDir/
.less', '!LessDir/{finishS,happy,hks_common,index,money,photo,returnY,tabPhoto,yuyue}.less'])
.pipe(sourcemaps.init())
.pipe(less()).on('error', handleError)
.pipe(autoprefixer({
browsers: ['last 5 versions'],
cascade: true
}))
.pipe(sourcemaps.write())
// .pipe(cleanCSS())
.pipe(gulp.dest('css')) //css输出目录位置
.pipe(reload({stream: true}));//这个结合了 Browsersync 来使用
});

gulp.task('js', function(){//需要在Watchjs下添加jS文件自动便已到 指定的dest下去
return gulp.src('Watchjs/**/*.js')
// .pipe(minify())
.pipe(gulp.dest("js"))
.pipe(reload({stream: true}));//这个结合了 Browsersync 来使用
});

//根据less 样式编译后 自动的执行watch 无须手动执行
gulp.task('watch',function(){
var watcher = gulp.watch(['LessDir/*.less'],['less']);//当所有less文件发生改变时,调用Less任务
watcher.on('change',function(event){
console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
})
});

// 静态服务器
gulp.task('browser-sync', function() {
browserSync.init({
server: {//这个目录是相对于 当前的gulpfile.js当前目录
baseDir: "./"
}
});
});

// 静态服务器 + 监听 scss/html 文件
gulp.task('serve', ['less'], function() {
browserSync.init({
// port: '8888',
// ui: false,
server: "./"
});
gulp.watch(['LessDir/*.less'], ['less']);
// gulp.watch(['Watchjs/**/*.js'], ['js']);
gulp.watch("./*.html").on('change', reload);

});

gulp.task('default', ['less','watch','serve']);//执行(default)执行的是 Browser-sync


  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 求chat4.0解答一道线性规划题,用lingo编程运行,第一问要求写出数学模型和lingo语言编程模型,第二问第三问解答就行,我的ddl要到了谁来求了
    • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
    • ¥50 树莓派安卓APK系统签名
    • ¥15 maple软件,用solve求反函数出现rootof,怎么办?
    • ¥65 汇编语言除法溢出问题
    • ¥15 Visual Studio问题
    • ¥20 求一个html代码,有偿
    • ¥100 关于使用MATLAB中copularnd函数的问题
    • ¥20 在虚拟机的pycharm上
    • ¥15 jupyterthemes 设置完毕后没有效果