Я использую Gulp с Browser Sync и XAMPP для работы над веб-сайтом Wordpress, который я создаю.
Вот моя настройка Gulp:
var gulp = require('gulp');
var sass = require('gulp-sass');
var gulpif = require('gulp-if');
var useref = require('gulp-useref');
var browserSync = require('browser-sync').create();
var uglify = require('gulp-uglify');
var cssnano = require('gulp-cssnano');
gulp.task('sass', function() {
return gulp.src('assets/css/dev/**/*.scss')
.pipe(sass())
.pipe(gulp.dest('./'))
.pipe(browserSync.reload({
stream: true
}))
});
gulp.task('browserSync', function() {
browserSync.init({
server: {
proxy: 'http://localhost/turner/',
},
port: 80,
logLevel: 'debug',
})
});
gulp.task('watch', ['browserSync', 'sass'], function() {
gulp.watch('assets/css/dev/**/*.scss', ['sass']);
});
У меня проблема в том, что мой локальный хост работает на порту 80, а синхронизация браузера вместо этого пытается открыть порт 81. См. прикрепленный скриншот.
Я отключил Skype от использования порта 80, проверил процессы Windows, и только Apache использует этот порт.
Независимо от того, что я делаю, синхронизация браузера всегда пытается открыть localhost:81 вместо 80, поэтому я не могу его использовать. Учтите, что gulp, browser-sync и все остальное в актуальном состоянии, установлены последние версии.
Спасибо!