Gulp，Compass和LiveReload - 無風格注入，頁面總是重新加載

Question

一切都是差不多工作時，指南針正在編譯CSS，還有一些其他任務正在運行以縮小，重命名，轉等等。問題是， LiveReload正在重新加載頁面，而不是注入樣式。如果我切換回compass watch，則會發生風格注入。是否有可能通過Gulp，Compass和LiveReload進行風格注入？我希望如此，因爲如果沒有，我將不得不在一個終端運行compass watch，而在另一個終端運行gulp，這似乎有點笨拙。以下是gulpfile.js的相關代碼

​​

ps。我正在使用LiveReload Chrome擴展

Answer 1

是的，這是可能的。我也似乎沒有在你的代碼（也許是因爲你刪除的文件的其餘部分），當您啓動tiny-lr，即：

var gutil = require('gulp-util'); 

gulp.task('tiny', function(next) { 
    server.listen(35729, function() { 
    gutil.log('Server listening on port: ', gutil.colors.magenta(port)); 
    next(); 
    }); 
}); 

// add as a dependency in your watch task 
gulp.task('watch', ['tiny'], function() { 
    gulp.watch('static/scss/**/*.scss', ['compass']); 
    gulp.watch('static/js/**/*.js', ['scripts']); 
}); 

錯誤可能涉及到scripts任務爲好，所以也許它列入這個問題我們可以看看。也許，最後，還有其他一些任務導致了這個問題。

爲了可以肯定，我在這裏創建了一個測試，並在靜態文件夾內創建了一個index.html文件，指向css/file.css。

創建了一個簡單的static/scss/file.scss與bodybackground-color。我使用了您爲gulpfile的其餘部分提供的相同代碼片段。

還創建了一個node-static服務器並提供static/文件夾下的所有文件。

最後，在構建過程中是否還有其他自動化任務？