在新的Laravel 5项目中使用SASS而不是LESS

时间:2015-01-17 15:39:46

标签: laravel sass less gulp laravel-elixir

如何在新的Laravel 5安装中使用SASS而不是LESS?

几个星期前,SASS是所选择的预处理器,但从那时起,泰勒已经改变了Laravel使用LESS开箱即用。 Laravel Elixir / Gulp仍然支持编译SASS,但我不知道如何将SASS文件放入我的项目中。

如果有人对这些步骤有任何想法,请讨好。

1 个答案:

答案 0 :(得分:2)

更多示例how to

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文件。

或者,您可以尝试via

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

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