Browsersync 重新加载页面而不是注入 css答案

【问题标题】：Browsersync reloading the page instead of injecting cssBrowsersync 重新加载页面而不是注入 css
【发布时间】：2016-07-28 17:19:59
【问题描述】：

所以在我之前的问题得到解决之后，我现在面临着另一个问题。我正在使用 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
    });
});

【问题讨论】：

标签： laravel laravel-5 laravel-5.2 browser-sync laravel-elixir

【解决方案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
    });
});

【讨论】：