Я пытаюсь реализовать BrowserSync в Laravel с помощью эликсира. Таким образом, браузер обновляется при каждом сохранении, которое я делаю в своем файле .scss
Для симуляции php сервера
php -S localhost:8888 -t public // executed from project folder with git bash
Файл Gulp.js
var gulp = require('gulp');
var elixir = require('laravel-elixir');
var browserSync = require('browser-sync').create();elixir(function(mix) {
mix.browserSync({
base: './public',
proxy: 'localhost',
port: 8888
});
});
Все работает нормально. Когда я использую gulp watch
функция просматривает мои файлы и замечает, что styles.scss
в папке public/css/
обновлено. Но мой браузер на localhost:8888
не обновляется с новым CSS, созданным из style.scss. Может кто-нибудь предложить изменения, которые я должен сделать, чтобы заставить эту вещь работать?
Пришлось изменить несколько вещей:
Имитация PHP сервера с помощью следующей команды:
php artisan serve --host=127.0.0.1
Gulp.js
elixir(function(mix) {
mix.browserSync({proxy: 'localhost:8000'});
});
Этого кода достаточно для запуска. Не стесняйтесь размещать предложения.
Других решений пока нет …