与 .scss
语法相比,我更喜欢 .sass
语法(因为它更好,让 war 开始吧!),所以这就是我的想法尝试使用。然而,当尝试使用 Elixir 编译 .sass
文件时,它似乎尝试使用 scss
语法进行编译。
elixir(function(mix) {
mix.sass('styles.sass');
});
当styles.sass
为
body
background: black
我收到以下错误:
$ 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
但更改 styles.sass
(仍保留 .sass
扩展名),以
body {
background: black;
}
我编译成功了。 Elixir 只编译 scss
语法还是我缺少某种配置设置?非常感谢帮助!
最佳答案
感谢@mul14,我更深入地研究了 gulp-sass 依赖的不同库。 github 上的问题是一个讨论,最终导致有人成功支持缩进语法并将其合并到 libsass 中。
查看node-sass的文档后,我发现了一个option用于打开缩进语法。看看 Elixir 的粗俗成分论证,这对我有用!
elixir(function(mix) {
mix.sass('styles.sass', false, { indentedSyntax: true });
});
所以,最终这是一个配置问题。对于全局缩进语法用户来说是个好消息!
关于Laravel Elixir Sass 编译 - .sass 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28363237/