/ / Browsersync rechargeant la page au lieu d’injecter css - laravel, laravel-5, laravel-5.2, synchronisation par navigateur, laravel-elixir

Browsersync recharger la page au lieu d'injecter css - laravel, laravel-5, laravel-5.2, synchro navigateur, elixir

Donc, après que mon problème précédent ait été résolu, je suis maintenantface à un autre. J'utilise Browsersync pour surveiller les modifications de fichiers, et cela fonctionne parfaitement, mais au lieu d’injecter des modifications css, il affiche toute la page lorsque mon fichier css est modifié.

Voici mon gulpfile:

var elixir = require("laravel-elixir");
var gulp = require("gulp");

/*
|--------------------------------------------------------------------------
| Elixir Asset Management
|--------------------------------------------------------------------------
|
| Elixir provides a clean, fluent API for defining some basic Gulp tasks
| for your Laravel application. By default, we are compiling the Sass
| file for our application, as well as publishing vendor resources.
|
*/

elixir(function(mix) {
mix.sass("comingsoon/soon.scss", "public/assets/comingsoon/css/soon.css")
.scripts("comingsoon/soon.js", "public/assets/comingsoon/js/soon.js")
.browserSync({
files: [
"app/*.*",
"app/**/*.*",
"public/assets/**/*.*"
],

open: "external",
proxy: "gate7.dev:81",
host: "gate7.dev",
port: 80,
notify: false
});
});

Réponses:

0 pour la réponse № 1

Deviner. Je devais être précis sur les extensions de fichiers.

var elixir = require("laravel-elixir");
var gulp = require("gulp");

/*
|--------------------------------------------------------------------------
| Elixir Asset Management
|--------------------------------------------------------------------------
|
| Elixir provides a clean, fluent API for defining some basic Gulp tasks
| for your Laravel application. By default, we are compiling the Sass
| file for our application, as well as publishing vendor resources.
|
*/

elixir(function(mix) {
mix.sass("comingsoon/soon.scss", "public/assets/comingsoon/css/soon.css")
.scripts("comingsoon/soon.js", "public/assets/comingsoon/js/soon.js")
.browserSync({
files: [
"app/*.*",
"app/**/*.*",
"public/assets/**/*.css",
"public/assets/**/*.js"
],

open: "external",
proxy: "gate7.dev:81",
host: "gate7.dev",
port: 80,
notify: false
});
});