Правильно настроить Laravel 5 Elixir для компиляции файлов .scss

Question

Я пытаюсь использовать Laravel elixir для компиляции простого файла sass app.scss, который находится в моем каталоге resources > assets > sass. У меня есть узел, глоток и эликсир установлен и мой 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 

Я знаю, что ошибка уведомитель потому, что я бегу его в виртуальной машине, так что не бот ее, но предыдущие ошибки приводят к тому, что сасс не компилируется вообще.

Если это помогает, я запускаю Laravel 5 на Mac с OSX Mavericks, используя усадьбу в качестве среды.

Странно, что я работал над этим раньше, и я только что начал новый проект Laravel, и внезапно это не сработает. Кто-нибудь знает, что происходит?

Answer 1

Первая ошибка, возможно, вызвана / в body, label, /checkbox label { Удалите косую черту, и она должна работать.

Вторая причина в том, что вы используете @include, когда на самом деле хотите @import.

@import предназначен для включения других файлов sass/css. @include предназначен для использования mixins.