Поток прокси-сервера browsersync вводит CSS, но не отображает CSS - PullRequest
Новая
       86

Поток прокси-сервера browsersync вводит CSS, но не отображает CSS

0 голосов
/ 09 мая 2019

Пытаясь настроить локального разработчика живого сайта через Browsersync и gulp, он работает только частично: он скомпилирует файл SCSS в файл CSS и, кажется, тоже его внедрит, по крайней мере, в Firefox (не можетувидеть тот же результат в Chrome).Когда я сохраняю файл SCSS, кажется, что он обновляет таблицу стилей в Firefox, но изменение не отображается ни в одном из браузеров http://prntscr.com/nmbpy1, если я вручную перезагружаю страницу, изменение не отображается.

Язаменив файлы в каталоге dir / stylesDirOnSite / на удаленном сайте соответствующими файлами в папке / assets / на моем локальном компьютере.Наблюдение и перезагрузка javascript работает как чудо, так же, как и просмотр и компиляция sass, но с stream () 

const gulp = require('gulp');
const sass = require('gulp-sass');
const browserSync = require('browser-sync').create();

function style(){
    return gulp.src('./scss/**/*.scss')
        .pipe( sass().on( 'error', sass.logError ) )
        .pipe( gulp.dest( './assets' ) )
        .pipe( browserSync.stream() );
}

function watch(){
    browserSync.init({
        plugins: ['bs-console-qrcode'],
        open: false,
        proxy: "http://some.site.com/fu/bar/somedoc.html",
        files: ['assets/**'],
        serveStatic: [{
        route: '/stylesDirOnSite',
        dir: 'assets/'
    }]
    });
    gulp.watch( './scss/**/*.scss', style );
    gulp.watch( './assets/*.js' ).on( 'change', browserSync.reload );
}
exports.style = style;
exports.watch = watch;

что-то не так, мне кажется, что функция .stream () неЯ работаю, но я новичок в этом, поэтому любые советы приветствуются.

...