問題タブ [gulp-ruby-sass]

現在、Web アプリとそのビルド ツールのボイラープレートを更新しようとしています。

現在、このエラーが発生しています：

解析するはずの .scss ファイルが空であるため、何らかのキャッシュの問題であると想定しています。brandingとのようなファイルを含むプロジェクトroutingは別のものであり、端末の間違ったフォルダーにいることは間違いありません。

どうすればこれを修正できますか? キャッシュをクリアできますか / クリアする必要がありますか? どのように？

完了するために: Gulpfile スタイル タスク:

パッケージ.json

私は gulp-ruby-sass を使用しています。これが gulpfile.js のコードです。

gulp スタイルを実行すると、エラーが発生します

Sass はバージョン 3.4.14、compass は 1.0.3、gem は 2.0.14 です。

いくつかの投稿を参照しましたが、この問題を解決できたものはありませんでした。

ソースマップを生成する SASS ファイルを縮小するために、この Gulp 構成を使用すると奇妙な動作が発生します。

このスクリプトを初めて実行するとgulp、正しいものが生成さfull.min.cssれ、SASS ディレクトリの変更を待ちます。

SASS ファイル内の何かを変更すると、監視がトリガーされ、stylesタスクが再実行され、full.min.css.

フロントエンドに変更が見られますが、この縮小されたファイルは再構築のたびにどんどん大きくなります。

タスク内のソースマップを省略すると、正常にstyles動作するようです。full.cssファイルは常に問題ありません。

ここで何が欠けていますか？縮小版が次元を上げ続けるのはなぜですか?

そのため、Gulp を初めて使用する多くの人と同じように、開発マシン (win7、xampp、drupal) で gulp-sass または gulp-ruby-sass を適切に動作させるのに苦労しています。

私の質問は非常に単純です: livereload を使ってブラウザに sass コンパイルを実行するにはどうすればよいですか?

コンパスウォッチまたはバンドル exec ガードを使用して SASS が正しくコンパイルされることを確認できますが、drupal で Omega4 を使用して設定された通常の livereload は非常に遅いです。gulp/grunt を調べるように提案されたので調べてみましたが、設定が簡単であると報告されている gulp を選択しました。

また、Web サーバーのルートに gulp を正しくインストールしました。コマンド ラインを使用して、gulp ファイル内のいくつかの関数を個別に、または gulp を介してファイル全体として呼び出すことができます。

私が抱えている問題は、gulp-sass も gulp-ruby-sass も機能しないということです!

gulp-ruby-sass を使用すると、arguments to path.join must be stringsエラーが発生します。エラーは、この関数の 2 行目で発生します。

gulp-sass でエラーが出るfile to import not found or unreadable: variables/**/*

このエラーは、src/return sass ラインでも発生します。gulp-ruby-sass のバージョン間の構文が変更されたことは知っていますが、新しい構文の変更はどれもうまくいきませんでした。また、gulp-sass にはファイルのグロビングの問題 (?!) はありません。

これを実現するために必要な依存関係または構文の組み合わせについて、私は途方に暮れています。

参考までに、ここに私の gulpfile と参考用の依存関係があります。

前もって感謝します。

ここでは非常に単純です。ステートメントの基本は理解していますが、これを回避するにはどうすればよいですか? 私は、sass で多くのファイル グロビングを使用しています。

お知らせ下さい。

そのため、Autoprefixer は更新された postcss バージョンを使用するように私を悩ませてきたので、Gulp ファイルを更新しようとしています。

問題は、すべての例が最初のステップとして Sass を統合していないことです。私はgulp-ruby-sassを使っています。

sass ディレクトリで sass タスクを実行すると (そこで処理する必要がある 2 つの scss ファイルがあります)、これは機能し、dest ディレクトリに 2 つの css ファイルを出力します。

しかし、私の質問は、次の部分をどのように統合して、CSS を autoprefixer に渡し、ソースマップを生成するかということです。これを順番に次に実行すると、これは object is not a function エラーで爆発します:

私はそれらをシーケンスとして実行しようとしていましたが、むしろそれらを統合したいと思います:

ruby-sass、autoprefixer、および sourcemap をすべて連携させるためのパイプをまとめることはできません。

アップデート：

OK、タスクを分離したままにしておくことにした場合でも (@patrick-kostjens によって以下に提案されているように)、Autoprefixer タスクを実行すると、次のエラーが発生します。

そして、提案どおり autoprefixer = autoprefixer-core を試しました。