Gulp w/Browsersync Boot，但不重新加载页面
Gulp w/Browsersync Boot，但不重新加载页面
提问于 2015-06-10 04:07:00
因此，我似乎在使用browsersync时遇到了问题。当我开始吞咽时，它会打开我的浏览器，并给我以下信息：
[13:01:41] Using gulpfile D:\Test\gulpfile.js
[13:01:41] Starting 'browser-sync'...
[13:01:41] Finished 'browser-sync' after 46 ms
[13:01:41] Starting 'default'...
[13:01:41] Finished 'default' after 12 µs
[BS] Access URLs:
-------------------------------------
Local: http://localhost:3000
External: http://10.127.127.1:3000
-------------------------------------
UI: http://localhost:3001
UI External: http://10.127.127.1:3001
-------------------------------------
[BS] Serving files from: ./这是我的gulpfile
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
// Static server
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "./"
}
});
});
gulp.task('default', ['browser-sync']);我只想查看项目中的所有文件，并在有更改时重新加载。
回答 2
Stack Overflow用户
发布于 2015-06-11 07:47:07
尝试修改您的任务(只需添加一行)
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "./"
}
});
gulp.watch("**/*").on('change', browserSync.reload); // add this line
});或者你可以试试我的gulp https://github.com/infernalmaster/gulp-happy-starter (里面有很多代码示例)。
Stack Overflow用户
发布于 2016-02-05 16:48:34
您可以尝试在browserSync.init之后生成和数组：
browserSync.init([ "./assets/styles/**/*.css" , "./*.html" ],{
server: {
baseDir: "./"
}
});在数组中添加您的文件路径，之后只需观察更改：
gulp.watch("*.css").on("change", browserSync.reload));
gulp.watch("*.html").on("change", browserSync.reload));页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30741842
复制相关文章
相似问题
腾讯云开发者
