2015-11-14 5 views
1

Я хочу посмотреть все, что связанно с моим app.scss файла, поэтому всякий раз, когда я бег gulp watch в моей корневой директории, я wan't обнаружить изменения в импортных путях как в как хорошо app.scss.Laravel Elixir смотреть все импортированные файлы .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']); 
}); 

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

+0

Почему бы не просто добавить их в массив 'mix.sass ([...])'? – Bogdan

+0

смотрит ли он на них? или просто компилируется? вот что мне интересно о –

+0

Если бы та же проблема - см. [мой ответ на дубликат] (http://stackoverflow.com/a/34234226/1554396). –

ответ

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 
    ]); 
}); 
Смежные вопросы