Gulp只看SCSS文件(Laravel elixir)

时间:2016-03-05 09:10:50

标签: laravel laravel-5 gulp gulp-watch laravel-elixir

我在网站上结合了所有SCSS和javascript使用的gulp任务。然而,在开发过程中我经常使用" gulp watch"命令,它监视所有文件,javascript和css。

问题是如何让gulp观看并仅组合SCSS(app.scss)文件?我试着看看gulp watch任务,不知何故它对我没用。

gulpfile.js

var gulp = require('gulp'),
    watch = require('gulp-watch'),
    elixir = require('laravel-elixir'),
    livereload = require('gulp-livereload');
    require('laravel-elixir-livereload');

elixir(function(mix) {
    mix.sass('app.scss');

    mix.styles([
            'app.css',
        ], null, 'public/css')
        .styles([
            ... frontend css files ..
        ],'public/css/core.css' ,'resources/vendor')
        // Admin CSS (core.css)
        .styles([
            ... admin css files ..
        ], 'public/assets/admin/css/core.css', 'resources/vendor');

    mix.scripts([
            ... core javascripts files ..
        ], null, 'resources/vendor')
        .scripts(['app.js'], 'public/js/app.js')
        .scripts([
            ... frontend javascripts files ..
        .scripts([
            ... backend javascripts files ..
        // Dashboard.js
        .scripts([
            'dashboard.js'
        ], 'public/assets/admin/js/dashboard.js');

});

" gulp styles"可以工作,但它不会继续观看,所以我手动运行它。

0 个答案:

没有答案