2017-09-15 3 views
0

J'essaye d'implémenter BrowserSync dans Laravel avec elixir. Ainsi, le navigateur se met à jour à chaque enregistrement que je fais dans mon fichier .scssConfiguration de BrowserSync pour laravel sur localhost avec elixir


Pour simuler le serveur php

php -S localhost:8888 -t public // executed from project folder with git bash 

Gulp.js Fichier

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 
    }); 
}); 

Tout fonctionne bien. Lorsque j'utilise gulp watch la fonction regarde mes fichiers et remarque que styles.scss dans le dossier public/css/ mis à jour. Mais mon navigateur sur localhost:8888 ne rafraîchit pas avec le nouveau CSS généré par style.scss. Quelqu'un peut-il suggérer les changements que je dois faire pour que cette chose fonctionne?

Répondre

0

a dû changer quelques petites choses:

Simuler serveur PHP avec la commande suivante:

php artisan serve --host=127.0.0.1 

Gulp.js

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

Ce code est suffisant pour laisser courir. N'hésitez pas à poster des suggestions.