Laravel Elixir Sass编译 - .sass文件

Gra*_*ant 7 sass laravel laravel-elixir

我更喜欢.sass语法上的.scss语法(因为它更好,让战争开始!),所以这就是我想要使用的..sass但是,在尝试使用Elixir 编译文件时,似乎正在尝试使用scss语法进行编译.

elixir(function(mix) {
  mix.sass('styles.sass');
});
Run Code Online (Sandbox Code Playgroud)

如果styles.sass

body
  background: black
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

$ gulp
[17:54:43] Using gulpfile ~/sites/skynet/gulpfile.js
[17:54:43] Starting 'default'...
[17:54:43] Starting 'sass'...
[17:54:43] Finished 'default' after 185 ms
[17:54:43] gulp-notify: [Laravel Elixir] Error: invalid top-level expression
[17:54:43] Finished 'sass' after 198 ms
Run Code Online (Sandbox Code Playgroud)

但改变styles.sass(仍然保持.sass扩展),到

body {
  background: black;
}
Run Code Online (Sandbox Code Playgroud)

我得到了一个成功的编译.Elixir只编译scss语法还是我错过了某种配置设置?非常感谢!

Gra*_*ant 2

感谢@mul14,我更深入地研究了 gulp-sass 依赖的不同库。github 上的问题是一个讨论,最终导致有人成功支持缩进语法并将其合并到 libsass 中。

在查看了 node-sass 的文档后,我找到了打开缩进语法的选项。看看 Elixir 的粗俗成分论点,这对我有用!

elixir(function(mix) {
  mix.sass('styles.sass', false, { indentedSyntax: true });
});
Run Code Online (Sandbox Code Playgroud)

所以,最终还是配置问题。对于全球缩进语法用户来说是个好消息!