Laravel Elixir Sass 编译 - .sass 文件

标签 laravel sass laravel-elixir

.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/

相关文章:

node.js - 无法在 vagrant homestead 上运行 'npm install'

php - 尝试读取数组上的属性 "title"(错误异常)Laravel Php

html - CSS 文件的最大行长度

sass - 如何使用 Elixir 编译目录中的所有 SASS 文件?

reactjs - 使用 Rollup 和 Sass react 可摇树的组件库

javascript - 如何在 React 和 Webpack 中使用 Sass-loader?

php - Laravel Elixir 包含更少的路径

php - 'mysqldump' 未被识别为内部或外部命令

php - Laravel Controller 功能全局应用

php - 如何在 Laravel 中扩展 PasswordBroker?