小编Jam*_*inn的帖子

Gulp 4 和 BrowserSync:样式注入?

我正在尝试将浏览器同步与 Gulp 4 一起使用,但 bs 没有保留状态,而是进行了完全刷新。这不是很有用。似乎 bs 不再支持真正的注入。如果你想贡献,我在 GH 上提交了一个问题

这是相关的代码:

// styles:dev task    
gulp.task('styles:dev', function() {
    return gulp.src(config.src)
        .pipe(sourcemaps.init())
        .pipe(postcss(config.postcss.dev))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest(config.dest.dev))
        .pipe(browserSync.stream());
});

// browserSync task    
gulp.task('browserSync', function(cb) {
    browserSync.init(config, cb);
});

// Watch task:
gulp.task('watch:styles', function() {
    return gulp.watch(config.paths.css,
        gulp.series('styles:dev'));
});

gulp.task('watch', gulp.parallel('watch:styles'));

// default task    
gulp.task('default',
    gulp.series('clean:dev',
        gulp.parallel('copy:dev', 'styles:dev'), 'browserSync', 'watch')
);
Run Code Online (Sandbox Code Playgroud)

提前致谢。

javascript gulp browser-sync

5
推荐指数
1
解决办法
7012
查看次数

标签 统计

browser-sync ×1

gulp ×1

javascript ×1