Browser-sync с php будь он неладен?

Question

[Айдос Амантаев]

Измучился уже. Второй день никак не могу справится с этими адскими инструментами. Помогите пожалуйста.
Хочу сделать сайт с использованием php и чтобы работал browser-sync. Да, в интернете полно всяких постов об этом, но там везде используются препроцессоры и все такое. Мне бы просто чтобы browser-sync обновлял обычную php страницу с обычным css и js. Больше ничего не надо. Сам пробовал наверное раз 20 написать и переписать то, о чем говорится в этих мануалах, не получилось. Пожалуйста напишите кто сможет gulpfile.js с ориентировкой на самого чайника из чайников. Есть open server, но там в корневой папке и находится сайт, без всяких app и т.д.

Answer 1

[Сергей Горячев]

// include gulp
var gulp                = require('gulp');
var browserSync         = require('browser-sync').create();
var localhost           = 'site.loc'; // изменить на свой хост
// browser-sync task and settings
gulp.task('browserSync', function(){
    browserSync.init({
        open: 'external',
        host: localhost,
        proxy: localhost,
        port: 8080
    });
});
// start watchers
gulp.task('watch', ['browserSync'], function(){
    gulp.watch('**/*.*', browserSync.reload);
});

Собственно, ставим gulp и browserSync, потом npm install.
Ну, а запускается всё это дело через gulp watch.

Comments

[Айдос Амантаев]

Спасибо огромное! Спасли ..

[Froggyweb]

Можно и без галпа вообще. Ставим browser-sync глобально и запускаем из консоли с нужными параметрами

[Сергей Горячев]

Froggyweb: Угу, но с галпом проще) Тем более я дал полностью готовый таск)

[aksak1988]

Сергей Горячев, здравствуйте. У меня не обновляет PHP файлы. Использую Ubuntu, LEMP (nginx сервер). Можете подсказать решение?

Вот gulpfile.js:

// include gulp
var gulp                = require('gulp');
var browserSync         = require('browser-sync').create();

// browser-sync task and settings
gulp.task('browserSync', function(){
    browserSync.init({
        open: 'external',
        proxy: 'project.org'
    });
});
// start watchers
gulp.task('watch', ['browserSync'], function(){
    gulp.watch('**/*.*', browserSync.reload);
});

Answer 2

[Сергей Семенко]

https://fettblog.eu/php-browsersync-grunt-gulp/

Comments

[Сергей Горячев]

Ман хуже не придумаешь для чайника)))

[Айдос Амантаев]

благодарю!