Так выглядит рабочий каталог на локальном сервере:
abyss.dev ↓
app ↓
css
js
img
index.php
gulpfile.js:
const { src, dest, parallel, series, watch } = require('gulp');
const browserSync = require('browser-sync').create();
const concat = require('gulp-concat');
const uglify = require('gulp-uglify-es').default;
function browsersync() {
browserSync.init({
proxy: 'localhost/abyss.dev/app/',
notify: false,
online: true
});
}
function scripts() {
return src([
'node_modules/jquery/dist/jquery.min.js',
'app/js/main.js'
])
.pipe(concat('./main.min.js'))
.pipe(uglify())
.pipe(dest('app/js/'))
.pipe(browserSync.stream())
}
function startwatch() {
watch('app/**/*.css').on('change', browserSync.reload);
watch(['app/**/*.js', '!./app/**/*.min.js'], scripts);
watch('app/**/*.php').on('change', browserSync.reload);
}
exports.browsersync = browsersync;
exports.scripts = scripts;
exports.default = parallel(scripts, browsersync, startwatch);
Запускаю gulp, заместо содержимого index.php, в браузере открывается структура рабочего каталога…) дополняю строку proxy: 'localhost/abyss.dev/app/index.php', содержимое индекса входит в монитор, но после редктирования файла browsersync его не видит, перезагружаю браузер руками, изменения становятся быть. Нюанс: git bash изменения фиксирует. Подозреваю, ошибка вероятно, кроется в строке proxy. Что мне в неё нужно записать, как сделать это верно? Вразумите пжл.
P.s. local server Abyss, win 10, браузер google chrome.