0

Laravel elixir を使用app.scssして、resources > assets > sassディレクトリにある単純な sass ファイルをコンパイルしようとしています。ノード、gulp、および elixir がインストールされており、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');
});

ただし、gulp を実行すると、奇妙なエラーが発生します。私は最初にインクルードのない単純な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.scsspages > 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 Mavericks を搭載した Mac で Laravel 5 を実行しています。

奇妙なことに、以前はこれが機能していましたが、新しい Laravel プロジェクトを開始したばかりで、突然機能しなくなりました。誰が何が起こっているのか知っていますか？

4

1 に答える 1

1

/最初のエラーはおそらくスラッシュをbody, label, /checkbox label {削除することによって引き起こされ、動作するはずです。

2つ目は、本当に使い@includeたいときに使っているからです@import。

@import他のsass/cssファイルを含めるためのものです。@includeミックスインを使用するためのものです。

于 2015-02-27T15:14:57.320 に答える