В одном проекте я использую Gulp и Browsersync. Работает хорошо .
Я скопировал gulpfile.js в свой новый проект и заменил пути.Browsersync не внедряет css.
Эта проблема я вижу каждый раз, когда создаю новый проект с тем же gulpfile.js, который я использовал для другого проекта.Каждый раз.Только Browsersync.Почему?
Единственное различие между этими двумя проектами заключается в dest path: предыдущий путь был ../css;текущий путь: ../assets/css.
Мой gulpfile.js:
var gulp = require('gulp'),
sass = require('gulp-sass'),
browserSync = require('browser-sync').create(),
rename = require('gulp-rename'),
cssnano = require('gulp-cssnano'),
autoprefixer = require('gulp-autoprefixer');
gulp.task('sass', function(){
return gulp.src('sass/**/*.sass')
.pipe(sass())
.pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
.pipe(cssnano())
.pipe(rename({ suffix: '.min' }))
.pipe(gulp.dest('../assets/css'))
.pipe(browserSync.stream());
});
gulp.task('browser-sync', function(){
browserSync.init({
proxy: "localhost/october/home"
});
});
gulp.task('watch', function(){
gulp.watch('sass/**/*.sass', gulp.parallel('sass'));
gulp.watch('../**/*.htm').on("change", browserSync.reload);
});
gulp.task('default', gulp.parallel('watch', 'browser-sync'));