Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Css 无需吞咽,注入后重新加载browserSync设置_Css_Gulp_Gulp Watch_Browser Sync_Gulp Less - Fatal编程技术网

Css 无需吞咽,注入后重新加载browserSync设置

Css 无需吞咽,注入后重新加载browserSync设置,css,gulp,gulp-watch,browser-sync,gulp-less,Css,Gulp,Gulp Watch,Browser Sync,Gulp Less,就我的一生而言,我无法找到这个配置的错误!注入master.css更改后,我的浏览器窗口将自动重新加载,而不仅仅是反映更改,尽管它显示“注入”。有人能帮忙吗?我有一个gulpfile.js,配置如下: var paths = { master: { styles: 'default/less/master.less', }, watch: { styles: 'default/less/**/*.less', }, dist: { styles: 'default/les

就我的一生而言,我无法找到这个配置的错误!注入master.css更改后,我的浏览器窗口将自动重新加载,而不仅仅是反映更改,尽管它显示“注入”。有人能帮忙吗?我有一个gulpfile.js,配置如下:

var paths = {
master: {
    styles: 'default/less/master.less',
},
watch: {
    styles: 'default/less/**/*.less',
},
dist: {
    styles: 'default/less',
}
};
减少任务:

gulp.task('less', function(){
'use strict';
gulp.src(paths.master.styles)
.pipe(sourcemaps.init())
.pipe(plumber())
.pipe(less({compress:false})) 
.on('error', function (err) {
        gutil.log(err);
        this.emit('end');
 })
 .pipe(autoprefix())
 .pipe(sourcemaps.write('../sourcemaps', {
    includeContent: false, // Otherwise all the CSS would be included
    sourceRoot: paths.dist.styles
}))
.pipe(gulp.dest(paths.dist.styles))
.on('error', gutil.log)
.pipe(browserSync.stream());
});
Browsersync任务:

gulp.task('browser-sync', ['less'], function() {
'use strict';
browserSync.init({
    proxy: "http://mywebsite.local",
    stream:true
});
gulp.watch(paths.watch.styles, ['less']);
});
最后:

gulp.task('default', ['less', 'browser-sync']);

我看到一个通知,说更改已被注入,我的终端显示master.css和master.css.map已更改,我在less文件中的更改也会反映出来,但不知何故,浏览器重新加载了我根本不希望用于css编译的内容。

@ashfaq.p-如果我不理解您的问题,我很抱歉。但是我相信只注入css更改而不重新加载浏览器是可能的?@ashfaq.p-我有与SASS设置相同的配置,它工作得非常好(根本没有重新加载)。您必须告诉我gulp less不可能使用,或者我的设置有问题,否则这对我来说没有意义,因为我的注入在浏览器重新加载前的半秒钟就已经发生了。CSS更改出现在新的master.CSS文件中,该文件是从您的less文件生成的。如果浏览器不重新加载,将如何注入新文件。不重新加载是不可能的。@ashfaq.p-先生,我重复一遍-我有一个类似的配置,没有页面重新加载,只需要使用gulp sass就可以很好地工作(这个是gulp less)。供您参考-browserSync将新的css文件作为流注入,因此我建议您用技术术语明确回答。@ashfaq.p-如果我不理解您的问题,我很抱歉。但是我相信只注入css更改而不重新加载浏览器是可能的?@ashfaq.p-我有与SASS设置相同的配置,它工作得非常好(根本没有重新加载)。您必须告诉我gulp less不可能使用,或者我的设置有问题,否则这对我来说没有意义,因为我的注入在浏览器重新加载前的半秒钟就已经发生了。CSS更改出现在新的master.CSS文件中,该文件是从您的less文件生成的。如果浏览器不重新加载,将如何注入新文件。不重新加载是不可能的。@ashfaq.p-先生,我重复一遍-我有一个类似的配置,没有页面重新加载,只需要使用gulp sass就可以很好地工作(这个是gulp less)。仅供参考-新的css文件由browserSync以流的形式注入,因此我建议您用技术术语具体说明您的答案。