Browsersync重新加載頁面，而不是注入css

Question

因此，我的上一個問題解決後，我現在面對一個不同的問題。我正在使用Browsersync來監視文件更改，並且它完美地工作，但是不是注入css更改，而是在我的css文件發生更改時實現整個頁面。

這裏是我的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 
    }); 
}); 

Answer 1

想通了。我必須具體說明這些文件的擴展名。

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