Laravel Elixir 监视所有导入的 .scss 文件答案

【问题标题】：Laravel Elixir watch all imported .scss filesLaravel Elixir 监视所有导入的 .scss 文件
【发布时间】：2015-11-14 18:57:13
【问题描述】：

我想查看与我的app.scss 文件相关联的所有内容，因此每当我在根目录中运行gulp watch 时，我不希望它检测导入路径以及app.scss 中的更改。

这是app.scss

@import "../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap";


.title {
  font-size: 96px;
}

我的.gulpfile 看起来像这样

var elixir = require('laravel-elixir');

require('./elixir-extensions');

elixir(function(mix) {

    mix.sass([
        'app.scss'
    ], 'public/assets/css');

    mix.scripts([
        '../../bower/0/index.js',
        '../../../node_modules/bootstrap-sass/assets/javascripts/bootstrap.js',
        'app.js'
    ], 'public/assets/js');

    mix.version(['assets/css/app.css', 'assets/js/all.js']);
});

如您所见，我尝试使用 elixir 扩展，但没有结果。

【问题讨论】：

为什么不直接将它们添加到mix.sass([...]) 数组中？
它会看他们吗？或者只是编译？这就是我一直想知道的
遇到同样的问题 - 请参阅 my answer on a duplicate。

标签： php laravel gulp gulp-watch laravel-elixir

【解决方案1】：

我刚刚加了

elixir.Task.find('sass')
.watch('resources/assets/js/angular/components/**/*.scss', ['sass'])

在 gulpfile.js 的最后

我必须添加所有扩展名为 .scss 的文件：

elixir(function(mix) {
    mix.sass([
        'app.scss',
        '../js/angular/**/*.style.scss', // My path
    ]);
});

【讨论】：