브라우저 싱크가 CSS를 삽입하는 대신 페이지를 다시로드

Question

이전 문제가 해결 된 후 이제 다른 문제가 발생합니다. 나는 Browsersync를 사용하여 파일 변경을 감시하고 완벽하게 작동하지만 CSS 변경 사항을 주입하는 대신 내 css 파일이 변경 될 때마다 전체 페이지를 그대로 재현합니다.

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

이 그것을 알아 냈 :

여기 내 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/**/*.css', 
       'public/assets/**/*.js' 
      ], 

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