Я пытаюсь решить эту проблему с помощью broswersync в течение нескольких дней. Любая помощь в этом будет высоко оценена.
Проблема: я показываю это сообщение Перезагрузка браузеров ... в терминале, но не удается обновить изменения в браузере.
глоток версия ::
1) Версия CLI: 2.0.1
2) Локальная версия: 3.9.1
Gulp.js
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserify = require('browserify');
var browserSync = require('browser-sync').create();
var config = {
browsersync: {
server: {
baseDir: "./app",
routes: {
"/bower_components": "bower_components",
"/node_modules": "node_modules"
}
},
browser: "firefox",
port: "8080"
},
watch: [
'./app/**/*.*',
'./app/*.html'
],
sass : { src: './app/styles/sass/*.{scss}' }
};
gulp.task('scss', function () {
gulp.src('./app/styles/scss/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./app/css'));
});
gulp.task('build', ['scss']);
gulp.task('browser-sync', ['build'], function () {
browserSync.init(config.browsersync);
});
gulp.task('default', ['browser-sync'], function () {
gulp.watch("./app/styles/**/*.*", ["build"]);
gulp.watch(config.watch).on('change', browserSync.reload);
});