Используйте SASS вместо LESS в новом проекте Laravel 5

Как я могу использовать SASS вместо LESS в новой установке Laravel 5?

Пару недель назад SASS был выбран препроцессором, но с тех пор Тейлор изменил Laravel, чтобы использовать LESS из коробки. Laravel Elixir/Gulp по-прежнему поддерживает компиляцию SASS, но я не уверен, как вообще получить файлы SASS в свой проект.

Если у кого-то есть идеи по шагам, пожалуйста, оклик.


laravel sass gulp less laravel-elixir
person Michael    schedule 17.01.2015    source источник
comment
Кто бы ни проголосовал, объясните, почему вы считаете, что это слишком широко? Это на самом деле очень конкретно, если вы читаете вопрос. Это правильный вопрос программирования о фреймворке, который имеет довольно строгие инструкции о том, как настроить все в отношении использования Laravel-Elixir и SASS-порта Twitter Bootstrap.   -  person Michael    schedule 17.01.2015

Ответы (1)


arrow_upward
2
arrow_downward

Еще пример как

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

По умолчанию larvel 5 хранит все активы в vendor/bower_components.

И если вы хотите использовать, например, angular.js, который хранится в vendor/bower_components/angular/angular.js

Вы публикуете их в своей общей папке.

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

Думаю, такая же логика будет работать и для sass-файлов.

Или вы можете попробовать через

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

elixir(function(mix) {
    mix.sass("style.scss", 'public/css/', {includePaths: [paths.bootstrap + 'stylesheets/']})
});
person xAoc    schedule 17.01.2015
comment
Мой вопрос не в том, как их скомпилировать, а в том, как в первую очередь поместить файлы SASS в каталог ресурсов. Они просто скопированы из загрузки или являются частью зависимости, как это было в прошлом с использованием Bower? - person Michael; 17.01.2015
comment
Я следовал этим инструкциям, но получаю сообщение об ошибке: привязки Error: libsass не найдены. Попробуйте переустановить node-sass?` - person Michael; 17.01.2015
comment
Все в порядке, я запустил npm rebuild node-sass, и, думаю, это сработало. - person Michael; 17.01.2015
comment
Если вы компилируете bootstrap-sass с версией SASS, поставляемой с Elixir, вам нужно добавить elixir.config.css.sass.pluginOptions.precision = 10; в ваш gulpfile.js после того, как ваш var exliir будет определен. В противном случае точность по умолчанию, равная 5, вызывает проблемы с выравниванием с input-group и другими элементами Bootstrap. - person orrd; 04.09.2015