問題タブ [gulp-sass]

Gulp : How to create a task that compiles multiple SASS files? のように、複数の scss ファイルを 1 つに結合しようとしています。; ただし、私のファイルの 1 つは私の gulpfile の上にあります。

私のgulpfileは次のようになります：

私は（*.jsの代わりにmain.scss）私のjsで基本的に同じことをします、そしてそれはうまく動作します:/

更新: 上記の名前変更を削除すると、2 番目の main.scss が処理され、dest ディレクトリではなく同じディレクトリに main.css が作成されることに気付きました。

更新: ソース パスを共通の祖先から開始するようにしてみました'../{common,module}/**/main.scss'(これはパフォーマンスに大きな影響を与えました)。今では 2 番目のソース ファイルの 2 つのコピーを取得しています。

最近、Grunt から Gulp タスク ランナーに切り替えました。

特定のルールが SASS ファイルのどこから来たかを示す、コンパイルされた CSS ファイルの行番号をコメントとして出力することは可能ですか?

grunt-contrib-compass モジュールを使用していたとき、このような機能はデフォルトで有効になっていました。

現在、sass ファイルのコンパイルに gulp-sass を使用しています。

gulp-sassを使い始めたばかりですが、使用されている Sass のバージョンを確認する「簡単な」方法はありますか?

それほど重要だとは思いませんが、Visual Studio 2015 (CTP6) で gulp -sassを使用しています。

特定の最小バージョンの Sass を必要とする Sass mixin を使用したいので、知る必要があります。

現時点で、使用されている Sass のバージョンを知りたい場合は、次のような道をたどってみます。Sass 用の C コンパイラ。

したがって、私の環境で使用されている Sass のバージョンを調べるには、チェーンをたどって、各ステップで使用されているバージョンと、次のステップで使用されているバージョンを特定する必要があります。

きっともっと簡単な方法があるはずですか？

現在、次のように3つの監視タスクがあります。

私の問題は、Sass がエラーをスローすると、すべての監視タスクが停止することです。次に追加しました.pipe(sass({errLogToConsole: true}))-これにより、エラーが発生してもsassウォッチタスクが存続しているように見えますが、他の2つのウォッチタスクは実行されていないようです。

sass ファイルのエラーによってすべてのコンパイルが停止しないように、すべての監視タスクをライブ状態に保つにはどうすればよいですか?

私のセットアップ：

Gulp を実行するように Jenkins をセットアップしようとしていますが、node-sass (gulp-sass プラグインの依存関係) をインストールしようとすると失敗し続けます。

問題は、インストール中にノードがスクリプト ファイルを見つけられないことです。スクリプトが実際にプロジェクト リポジトリに存在することを確認しました。サーバーでリポジトリをローカルにプルしてインストールすると、問題なくインストールされます。これは、Jenkins 関連の環境の問題だと思います。

エラー出力は次のとおりです。

Linux ディストリビューションは、Fedora に似た Amazon Linux AMI です。gulp-sass ^1.3.3 経由で node-sass ^2.0.1 をインストールしようとしています。

node-sass 3.0.0 で更新された gulp-sass 2.0.0 を試しましたが、まだ同じ問題があります。

node-sass の依存関係をすべて削除したところ、正常にビルドされるようになりました。つまり、そのパッケージだけです。他のすべてのノード パッケージは正常にインストールされます。

.scss2 つの異なるディレクトリにファイルがあります。

./blog/stylesと呼ばれるファイルがあり、 （つまり、同じディレクトリ）からファイルをblog.scssインポートしています..scss./blog/styles/./common/styles/

.cssこれらのディレクトリの両方を監視し、最終ファイルを別の場所に作成するには、gulp タスクをどのように作成すればよいですか (たとえば./dist)。

これは私の現在のタスクです：

blog.scss次のような名前のみを使用してファイルをインポートしています。

現在、次のエラーが発生しています。

ディレクトリ.scss内のファイルが見えないようです..../common/styles

gulp-sassSCSS をコンパイルするために使用しgulp-sourcemaps、開発環境でソースマップを生成するために使用しています。

ソースマップが生成されますが、問題はありません。Chrome DevTools で要素を検査すると、ソースの SASS 定義が表示されますが、属性値または選択を変更するとすぐにソースマップが失われ、コンパイルされた CSS の行が表示されます。スクリーンショットを見る:

非常に煩わしく、私たちが試したものはこれを修正しませんでした. 助言がありますか？Firefox では、同じ問題は見られないことに注意してください。

Gulp を実行して CSS、JS を縮小し、すべての静的なもの ( template、font、img) をbuildフォルダーに移動しようとしています。

私のプロジェクトのディレクトリ構造:

私のgulpfile.js：

実行するとgulp、またはgulp watchこのエラーが発生します。

どうすればこれを修正できますか?