Нужно ли перезагрузить браузер после внесения изменений в HTML? - PullRequest
Новая
       36

Нужно ли перезагрузить браузер после внесения изменений в HTML?

0 голосов
/ 21 января 2019

Я пытаюсь автоматизировать процесс создания сайта, и я использую gulp, потому что все работает, но у меня есть вопрос о синхронизации браузера.Мой css никогда не перезагружает браузер, даже если я изменяю его с другой стороны, когда я сохраняю свой HTML-файл, он всегда перезагружает браузеры, даже если нет изменений, это нормально?разве это не похоже на css для запуска перезагрузки после изменения? 

[17:32:01] Starting 'html'...
[Browsersync] 1 file changed (index.html)
[17:32:01] Finished 'html' after 6.28 ms
[Browsersync] Reloading Browsers...
[17:39:37] Starting 'css'...
[Browsersync] 1 file changed (styles.css)
[17:39:37] Finished 'css' after 30 ms
///
const gulp = require('gulp');
const postcss = require("gulp-postcss");
const autoprefixer = require("autoprefixer");
const cssvars = require("postcss-simple-vars");
const nested = require("postcss-nested");
const browsersync = require("browser-sync").create();


gulp.task('default', gulp.series (gulp.parallel(html,css,watchFiles,browserSync,browserSyncReload),

    function (done) { done(); }    
));

function css() {
  return gulp
    .src("./app/assets/styles/*.css")
    .pipe(postcss([cssvars, nested, autoprefixer]))
    .pipe(gulp.dest("./app/temp/styles"))
    .pipe(browsersync.stream());
}
function html() {
  return gulp
    .src("./app/index.html")
    .pipe(browsersync.stream());
}


function watchFiles() {
  gulp.watch("./app/assets/styles/*.css", css);
   gulp.watch("./app/index.html", html);
}

// BrowserSync
function browserSync(done) {
  browsersync.init({
    server: {
      baseDir: "./app/"
    },
    port: 3000
  });
  done();
}

// BrowserSync Reload
function browserSyncReload(done) {
  browsersync.reload();
  done();
}

Мне просто интересно, может ли быть такой же результат, как и для файлов CSS.

...