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

Mik*_*ike 5 sass less laravel gulp laravel-elixir

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

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

如果有人有任何步骤的想法,请霍拉.

xAo*_*Aoc 2

更多示例如何

elixir(function(mix) {
   mix.sass("app.scss");
});
Run Code Online (Sandbox Code Playgroud)

默认情况下,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';
 });
Run Code Online (Sandbox Code Playgroud)

我认为,同样的逻辑也适用于 sass 文件。

或者,您可以尝试通过

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

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