Więc po rozwiązaniu mojego poprzedniego problemu jestem terazw obliczu innego. Korzystam z Browsersync, aby obserwować zmiany plików i działa idealnie, ale zamiast wstrzykiwać zmiany css, reoduje całą stronę przy każdej zmianie mojego pliku css.
Oto mój plik gulp:
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
});
});
Odpowiedzi:
0 dla odpowiedzi № 1Domyśliłam się. Musiałem sprecyzować rozszerzenia plików.
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
});
});