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

Question

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

几个星期前 SASS 是被选中的预处理器，但从那时起，Taylor 改变了 Laravel 以使用开箱即用的 LESS。 Laravel Elixir / Gulp 仍然支持编译 SASS 但我不确定如何首先将 SASS 文件放入我的项目中。

如果有人对步骤有任何想法，请问候。

Answer 1

更多示例how to

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

默认情况下，larvel 5 将所有资产存储在 vendor/bower_components

如果您想使用 angular.js，它存储在 vendor/bower_components/angular/angular.js

您将它们发布到您的 public 文件夹。

 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/']})
});

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

Use SASS instead of LESS in new Laravel 5 project

sass

less

laravel

gulp

laravel-elixir