2015-01-17 13 views
5

Jak używać SASS zamiast LESS w nowej instalacji Laravel 5?Użyj SASS zamiast MNIEJ w nowym projekcie Laravel 5

Kilka tygodni temu SASS był wybranym pre-procesorem, ale od tamtej pory Taylor zmienił Laravel, by używać LESS out the box. Laravel Elixir/Gulp nadal obsługuje kompilację SASS, ale nie jestem pewien, jak w pierwszej kolejności pobrać pliki SASS do mojego projektu.

Jeśli ktoś ma jakieś pomysły na temat kroków, proszę holla.

+0

Ktokolwiek downvoted proszę wyjaśnić, dlaczego uważasz, że jest zbyt szeroka? W rzeczywistości jest bardzo szczegółowe, jeśli czytasz pytanie. Jest to ważne pytanie programistyczne o strukturze, która ma dość ścisłe instrukcje, jak skonfigurować rzeczy w odniesieniu do korzystania z Laravel-Elixir i portu SASS na Twitterze Bootstrap. – Mike

Odpowiedz

2

Więcej przykładów how to

elixir(function(mix) { 
    mix.sass("app.scss"); 
}); 

Domyślnie larvel 5 przechowują wszystkie aktywa w vendor/bower_components

a jeśli chcesz używać na przykład angularjs, które przechowywane w vendor/bower_components/angular/angular.js

Publikujesz je w swoim publicznym folderze.

elixir(function(mix) { 
     mix.sass("app.scss"). 
       publish('angular/angular.js', 'public/js/angular/angular.js'; 
}); 

Myślę, że ta sama logika zadziała i pliki sass.

Albo można spróbować, via

var paths = { 
    'bootstrap': './vendor/bower_components/bootstrap-sass-official/assets/' 
} 

elixir(function(mix) { 
    mix.sass("style.scss", 'public/css/', {includePaths: [paths.bootstrap + 'stylesheets/']}) 
}); 
+0

Moje pytanie nie brzmi, jak je skompilować, ale jak w pierwszej kolejności pobrać pliki SASS do katalogu zasobów. Czy są one po prostu skopiowane z pobierania lub są częścią zależności, jak to było w przeszłości za pomocą Bower? – Mike

+0

Mam nadzieję, że poprawnie rozumiem twoje pytanie :) – xAoc

+0

Podążyłem za tymi instrukcjami, ale dostaję błąd o błędach: 'libsass' nie znaleziono. Spróbuj ponownie zainstalować 'węzeł-sass'?' – Mike