Gulp Live Reload無法正常工作

Question

我遇到問題，試圖讓LiveReload與Gulp Connect插件一起工作。

下面是我gulpfile.js

我在同一個目錄下我的HTML文件作爲gulpfile.js和所有的青菜文件導入到來自同一個文件夾（smacss）和其他部分文件/sass/styles.scss /sass/modules/*.scss

幫助表示讚賞

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var connect = require('gulp-connect'); 

gulp.task('connect', function(){ 
    connect.server({ 
    root: '.', 
    livereload: true 
    }); 
}); 

// keeps gulp from crashing for scss errors 
gulp.task('sass', function() { 
    return gulp.src('./sass/*.scss') 
     .pipe(sass({ errLogToConsole: true })) 
     .pipe(gulp.dest('./css')); 
}); 

gulp.task('livereload', function(){ 
    gulp.src('.') 
    .pipe(connect.reload()); 
}); 

gulp.task('watch', function() { 
    gulp.watch('./sass/**/*.scss', ['sass']); 
    gulp.watch('.', ['livereload']); 
}); 

gulp.task('default', ['connect', 'watch', 'sass']); 

Answer 1

不知道你的根路徑是在這裏工作。你可以試試root: './'或者只是root: '/'也許？

而且gulp.watch和gulp.src可能需要文件路徑而不是目錄路徑。你可以嘗試gulp.src('./*')和gulp.watch('./*')也許？

Answer 2

這結束了對我的工作：

var gulp = require('gulp'); 
    var sass = require('gulp-sass'); 
    var sourcemaps = require('gulp-sourcemaps'); 
    var prefix = require('gulp-autoprefixer'); 
    // POST CSS 
    var postcss = require('gulp-postcss'); 
    var cssnext = require('postcss-cssnext'); 
    var connect = require('gulp-connect'); 




    gulp.task('myStyles', function() { 
    var processors = [ 
    cssnext() 
    ]; 

    gulp.src('sass/*.scss') 

    .pipe(sourcemaps.init()) 
    .pipe(sass({outputStyle: 'expanded'})) 
    .pipe(sass().on('error', sass.logError))  
    .pipe(sourcemaps.write('.', { 
    includeContent: false, 
    sourceRoot: '../sass' 
    })) 
    .pipe(gulp.dest('css')) 
    .pipe(connect.reload()); 
    }); 

    gulp.task('connect', function() { 
    connect.server({ 
    livereload: true 
    }); 
    }); 

    gulp.task('watchMyStyles', function() { 
    gulp.watch('sass/*.scss', ['myStyles']); 
    }); 

    gulp.task('default', ['watchMyStyles', 'connect']); 
    gulp.task('server', [ 'connect']);