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