Question

我正在尝试设置非常简单的gulp文件。我在那里使用sass和浏览器同步，我将所有内容移动到build文件夹。但由于未知原因，浏览器无法同步。我尝试过很多资源的解决方案，但到目前为止似乎没什么用。也许你们中的一些人会知道如何解决这个问题。

var gulp = require('gulp');
var sass = require('gulp-sass');
var bs = require('browser-sync').create();
var reload = bs.reload;

gulp.task('styles', function() {
    gulp.src('sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('build/css'))
        .pipe(bs.reload({stream:true}));
});

gulp.task('serve', ['styles'], function() {
     bs.init({
            server: "./build"
        });

    gulp.watch('./sass/*.scss', ['styles']);
    gulp.watch('build/css/*.css').on('change', reload);
    gulp.watch("*.html").on('change', reload);
});

gulp.task('default', ['serve']);

我的文件夹结构是： - 建立 - css - index.html - 萨斯 - index.html

命令提示符在运行gulp后显示：

非常感谢您的帮助！

Answer 1

Browsersync通过在初始请求期间在(<script async>...</script>)标记之后注入异步脚本标记<body>来工作。为了使其正常工作，必须存在<body> 标记。

检查一下：https://browsersync.io/docs/#requirements

Gulp Browser Sync不起作用

1 个答案: