問題タブ [grunt-contrib-sass]

複数の .scss ファイルを単一の CSS ファイルにコンパイルしようとしています。これは実際には機能しますが、最初のファイルしか取得しません...

ruby がインストールされていないため、grunt-contrib-sass はオプションではありません。私はこのようにStylusで同じことをします...

これは私のうなり声ファイルです:

を実行するgrunt buildと、次のエラーが表示されます。

「sass:dist」(sass) タスクの実行

「cssmin:dist」(cssmin) タスクの実行

縮小された CSS が空だったため、宛先が書き込まれませんでした。

すべてのタスクを個別に実行すると、エラーは発生しません。次のタスクが開始される前に、sass タスクが終了していないと思います。なぜこれが起こっているのか誰にも分かりますか？

ありがとうございました。

これは私の現在のGruntfileです：

コンソールから実行すると、指定されたディレクトリにgrunt sass:distコンパイルmain.scssされます。

ファイルが移動されるか、新しい名前が付けられる可能性があるため、グロビングパターンを使用したいと思います。

Done, without errors.を実行した後でも取得できますgrunt sass:devが、css はコンパイルされません。

おそらくグロブパターンは何らかの形で失敗しますが、その理由はわかりませんか?

これは説明が難しい問題です。できる限り詳しく説明します。

私のセットアップ - Jekyllrb ジェネレーターの使用

Jekyllrb Yeoman ジェネレーターを使用し、Zurb の指示に従って最も基本的な方法 (Sass ファイルのみを使用) で Zurb の Foundation 5 を統合しました。

grunt.jsの私の Sass パスは次のとおりです。

そして私の/_scssには次のものがあります：

app.scss には、多数の Foundation コンポーネント (アコーディオン、タイプ、タブなど) が含まれています。それぞれがグローバルなスタイルのセットをもたらします。これらのスタイルは、次のようにラップされています。

このリンクによると：

「SASS モジュールに含まれている場合、sass-import-once は、@import が別の場所で呼び出された場合にスタイルが複製されるのを防ぎます。これは、すべての SASS ファイルが独自の依存関係を宣言できるため、クールです。これにより、カプセル化が促進され、モジュールをスタンドアロンにすることができます。必要なら。"

私のGrunt.js

問題

これらのグローバル スタイルは、'@include exports' 関数が重複を解決するように指示しているにもかかわらず、最終的にコンパイルされたスタイルシートで重複しています。以前に grunt-contrib-sass を使用したことがありますが、この問題に遭遇したことはありません。他のタスクが原因である可能性があると思いますか?

さらに:

Foundation の _settings.scss に次のような変数があることは承知しています。

スタイルシートにグローバル スタイルが必要なので、これをオフにしたくありません。それらを 1 回だけ表示したいだけです。

レポをセットアップしました

誰かが私のためにこれを見てくれたら、とても感謝しています。この問題を説明するために、最も基本的な例をまとめました。(ページを提供するときに) インスペクターをざっと見てみると、DOM で重複したスタイルが乱雑に表示されます。

https://github.com/liquidvisual/jekyllrb-foundation-test

ヨーマンを使用しています。Yosemite にアップグレードした後、タスクは次のエラーgrunt serverをgrunt buildスローします。

このエラーの原因は何ですか?どうすれば修正できますか?