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 № 1Deviner. 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
});
});