Настройка BrowserSync для laravel на локальном хосте с помощью эликсира

Я пытаюсь реализовать 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. Может кто-нибудь предложить изменения, которые я должен сделать, чтобы заставить эту вещь работать?

0

Решение

Пришлось изменить несколько вещей:

Имитация PHP сервера с помощью следующей команды:

php artisan serve --host=127.0.0.1

Gulp.js

elixir(function(mix) {
mix.browserSync({proxy: 'localhost:8000'});
});

Этого кода достаточно для запуска. Не стесняйтесь размещать предложения.

0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector