Проблема синхронизации .scss - PullRequest
Новая
       20

Проблема синхронизации .scss

0 голосов
/ 24 июня 2019

Я занят настройкой начальной загрузки 4, чтобы я мог создать веб-приложение с использованием начальной загрузки в качестве моей платформы, однако мой файл scss не будет синхронизироваться с веб-браузером, если я не перезапущу gulp в командной строке.

Я попытался установить sass, думая, что, возможно, у меня не установлены файлы scss. Но не повезло.

// Компилируем sass в CSS и автоматически внедряем в браузеры gulp.task ('sass', function () { return gulp.src (['node_modules / bootstrap / scss / bootstrap.scss', 'src / scss / *. scss']) .pipe (Sass ()) .pipe (gulp.dest ( "SRC / CSS")) .pipe (browserSync.reload ({поток: истинный}));

// Статический сервер + просмотр файлов scss / html gulp.task ('serve', gulp.series (['sass'], function () {

browserSync.init({
    server: "./src"
});
}));
gulp.task('watch',gulp.series(['serve'], function () {
    gulp.watch(['node_modules/bootstrap/scss/bootstrap.scss', 'src/scss/*.scss'], ['sass']);
    return gulp.watch("src/*.html",['change', browserSync.reload]);

}));

gulp.task ('default', gulp.series ('js', 'serve', 'sass'));

Я ожидал, что смогу изменить свой файл .scss и увидеть, как эти изменения произойдут после того, как я обновлю свое веб-приложение в браузере.

...