正确配置Laravel5Elixir以编译.scss文件

Question

我正在尝试使用Laravel灵丹妙药来编译一个简单的sass文件app.scss，它位于我的resources > assets > sass目录中。我安装了节点、gulp和灵丹妙药，我的gulpfile.js文件看起来像.

var elixir = require('laravel-elixir');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Less
 | file for our application, as well as publishing vendor resources.
 |
 */

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

然而，当我正在奔跑，吞咽，我是一些奇怪的错误。我第一次尝试用一个简单的sass文件而不包括.

body {
    padding-top: 40px;
}

body, label, /checkbox label {
    font-weight: 300px;
}

我从我的终端收到这个错误..。

[14:44:40] Starting 'default'...
[14:44:40] Starting 'sass'...
[14:44:41] Finished 'default' after 1.45 s
[14:44:41] gulp-notify: [Laravel Elixir] Error: invalid top-level expression
[14:44:41] Finished 'sass' after 1.47 s
[14:44:41] gulp-notify: [Error running notifier] Could not send message: not found: notify-send

当我将@include 'pages/home';添加到app.scss文件的顶部( pages > home.scss确实存在)时，我得到以下错误.

[14:38:03] Starting 'default'...
[14:38:03] Starting 'sass'...
[14:38:04] Finished 'default' after 1.42 s
[14:38:04] gulp-notify: [Laravel Elixir] Error: invalid name in @include directive
[14:38:04] Finished 'sass' after 1.44 s
[14:38:04] gulp-notify: [Error running notifier] Could not send message: not found: notify-send

我知道通知程序错误是因为我在VM中运行它，所以这并不困扰我，但是以前的错误导致根本没有编译sass。

如果有帮助的话，我正在用OSX小牛在Mac上运行Laravel 5，使用宅基地作为环境。

奇怪的是，我以前做过这样的工作，我刚刚开始了一个新的Laravel项目，突然之间它就行不通了。有人知道这是怎么回事吗？

Answer 1

第一个错误可能是由/在body, label, /checkbox label {中删除斜杠引起的，它应该可以工作。

第二个原因是，当您实际想要使用@include时，您正在使用@import。

@import用于包含其他sass/css文件。@include是用来使用混合器的。