Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Gulp中的BrowserSync正在重新加载浏览器,但live stream css没有';更新浏览器_Javascript_Less_Gulp - Fatal编程技术网

Javascript Gulp中的BrowserSync正在重新加载浏览器,但live stream css没有';更新浏览器

Javascript Gulp中的BrowserSync正在重新加载浏览器,但live stream css没有';更新浏览器,javascript,less,gulp,Javascript,Less,Gulp,我已经建立了wordpress站点的本地副本,并在Gulp中连接编译.less、JS等。当我保存.php时,浏览器会更新,但当我保存.less文件时,.css会被编译,但浏览器不会更新 当我在另一个站点上使用同一个gulp文件时,一切都很好 有谁能告诉我是什么阻止了BrowserSync更新css更改(但html/php更改更新得很好),并且会影响某些站点,但不会影响其他站点?(我正在使用OSX Yosemite&Chrome浏览器供参考) 这是我的gulpfile: /*配置*/ var P

我已经建立了wordpress站点的本地副本,并在Gulp中连接编译.less、JS等。当我保存.php时,浏览器会更新,但当我保存.less文件时,.css会被编译,但浏览器不会更新

当我在另一个站点上使用同一个gulp文件时,一切都很好

有谁能告诉我是什么阻止了BrowserSync更新css更改(但html/php更改更新得很好),并且会影响某些站点,但不会影响其他站点?(我正在使用OSX Yosemite&Chrome浏览器供参考)

这是我的gulpfile:

/*配置*/
var PROXY_ADDR='playiinteractive.dev',
ASSET_PATH='html/wp content/themes/playinteractive/assets';
变量全局={
js:[
资产路径+'/js/src/***.js',
],
减:[
资产路径+'css/less/***/.less',
],
档案:[
“**/.htaccess”,
“***.+(html | php | jpg | jpeg | gif | png)”,
],
};
var dests={
js:ASSET_PATH+'/js',
减:资产路径+'/css',
}
/*包括*/
var gulp=需要('gulp'),
gutil=require('gulp-util'),
重命名=需要('gulp-rename'),
//监视
browserSync=require('browser-sync'),
//js
concat=require('gulp-concat'),
uglify=需要('gulp-uglify'),
ngAnnotate=require('gulp-ng-annotate'),
//css
less=需要('GLUP-less'),
autoprefixer=require('gulp-autoprefixer'),
minifyCss=require('gulp-minify-css');
/*任务*/
吞咽
//建造
.task('js',function(){
返回gulp.src(globs.js)
.pipe(concat('base.js'))
.pipe(ngAnnotate())
.管道(大口目的地(目的地js))
.pipe(重命名({后缀:'.min'}))
.管道(丑()
.管道(大口目的地(目的地js))
.pipe(browserSync.reload({stream:true}));
})
.task('less',function(){
return gulp.src(globs.less.concat(['!'+资产路径+'/less/***.inc.less'))
.管道(小于()
.pipe(autoprefixer(“上两个版本”))
.pipe(minifyCss())
.管道(大口目的地(目的地以下))
.pipe(browserSync.reload({stream:true}));
})
.task('build',['js','less']))
//监视
.task('js.watch',['js'],function()){
大口喝手表(globs.js,['js']);
})
.task('less.watch',['less'],function()){
大口喝手表(无球,['less']);
})
.task('watch',['js.watch','less.watch',function()){
browserSync.init({
文件:globs.files,
代理:代理地址,
监视选项:{debounce:400},
幽灵模式:错误,
通知:错误,
打开:!!gutil.env.open,//调用'gulp--open'启动gulp并打开一个新的浏览器窗口
});
})
//违约
.task('default',['watch']))

在我的主主题文件夹styles.css中发现问题-gulp在观看.css/.less更改时不会重新加载页面(它只会实时更新该特定文件)-使用

@导入url(“assets/css/base.css”)

由于页面不会刷新所有文件,因此此@import从未将新的base.css加载到自身中


为了解决这个问题,我添加了第二个gulp concat任务,以手动将base.css添加到文件中,而不是@import规则(第二个concat不会缩小,从而保留主题信息)。

您可以检查您使用的浏览器同步的实际版本吗?最新版本是1.9.1。而且文档不列出
browserSync.init
语法。