問題タブ [gulp-sass]

プロジェクトで gulp-sass を使用しようとしていますが、gulp タスクを実行すると、継続的にエラーが発生します。

「エラー: インポートするファイルが見つからないか読み取れません: コンパス/リセット」

私のgulpファイルは、現時点では非常に基本的なものです:

ターミナルで「コンパスウォッチ」を使用してsassを正常にコンパイルできますが、gulpで実行したかったのですが、これにはかなり困惑しています。どんな助けでも大歓迎です。

簡単な内訳: 定型文を設定しています。現時点では、gulp -sassを介して scss を css に変換する Gulp を使用してから、 criticalを使用して上記の折り畳み CSS を取得し、 を介して head に埋め込みます。最初は、 loadCSSを組み合わせて使用​​した後に問題が発生しました。埋め込まれた CSS と loadCSS スクリプトと noscript の両方に不都合な形で noscript タグをラップし始めました。

src index.html ファイルでの loadCSS の使用から戻した後、「gulp」すると、キャッシュされた loadCSS スクリプトと (loadCSS が必要とする) が出力されます。

面白いことに、私の src には css ファイルへの href を持つ通常のリンク タグがあります。しかし、リンクを囲む重要なcss、loadCSSスクリプト、およびnoscriptを必要な方法でターゲットファイルにすべて出力しています。それは奇妙だ。

gulp または critical のキャッシュの問題だと思います。npm キャッシュをクリアしましたが、うまくいきませんでした。バグではないと思います。 質問: このキャッシュの問題の原因とその修正方法を知る必要があります。

私の重要な一気飲みの仕事：

私は非常に単純なタスクを設定しましたgulpfile.js。「sass」と「minify-js」の 2 つのタスクしかありません。これら 2 つのタスクは、変更が検出されたときに「watch」タスクによって起動されます。すべてうまくいっているようです: Gulp は変更をリッスンし、*.scss ファイルは CSS にコンパイルされ、コンソールは期待どおりにエラーなしで出力を生成します。ただし、CSS ファイルは縮小されず、「minify-css」タスクからの出力ファイルはまったくありません。

「minify-css」が機能しないのはなぜですか? ここで何が欠けていますか？

これは私の gulpfile.js です:

gulpタスク (デフォルト) を初めて実行するsassと、Bower パッケージでエラーが発生します。より具体的にはスージーについて。

エラー：

Susy bower パッケージは、私の bower.json ファイルから情報を取得して、gulp - bower で正常にインストールされています。ただし、デフォルトのタスクがsassタスクに到達すると、Susy が見つかりません。

スタイル.scss

gulpこれは、初めて実行したときにのみ発生します。このwatchエラーの後、タスクは停止/中断せず、その後も作業を続けます。（問題なくsassをコンパイルできます）。

しかし、それは少し乱雑に見えます。これを防ぐ方法についてのアイデアはありますか?

私の全体の gulpfile.js はここで見ることができます: https://gist.github.com/JeroenDelbrk/798d646af5cc2ad78da0

この質問とは関係なく、gulpfile を改善する方法に関するヒントも歓迎します。

Debian Wheezy を実行しています。ここ数日、gulp で遊んでいます。私の問題は、ブラウザーをファイルに直接向けると (file:///...) ソース マップが次のように正しくリンクされることです。

しかし、localhost/... を指定すると、次のようになります。

Iceweasel では、すべてが完璧に機能します。すべての設定をトリプルチェックしたので、その部分は問題ありません。セキュリティ上の問題かもしれないと思ったので、ルートを再帰的に chmod しましたが、それは問題ではありません。

これは私のフォルダ構造です：

これは私の gulpfile.js です:

次のようなscssファイルを取得しました。

index.scss

_test.scss

ルート フォルダーで gulp コマンドを実行すると、次のようになります。

index.css

Chromiumの問題でしょうか？考えられることはほぼすべてやってみた。Iceweasel に取り組んでいるという事実は、それが特定の Chromium の問題だと思わせますが、あきらめるのはとても難しいです。:D

私は gulp-sass を使用しており、パーシャルごとに sourcemap を管理したいと考えています。less を使用してこれを行うことができますが、sass でこれを行う方法がわかりませんでした。