Laravel Elixir смотреть все импортированные файлы .scss

Question

Laravel Elixir смотреть все импортированные файлы .scss

Я хочу посмотреть все, что связано с моим 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']);
});

Как видите, я пробовал с расширением эликсира, но безрезультатно.

1

gulp gulp-watch laravel laravel-elixir php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Я только добавил

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

1