問題タブ [gulp-sass]

Sass ソースマップを動作させることができません。これを gulpfile に設定します。

Sass タスク スニペット フォーム Gulpfile:

main.css.mapファイルは実際には.tmp/stylesnext の下に生成されますmain.cssが、ブラウザによって読み取られません。私はgenerator-gulp-webappフォーム yeoman をBrowserSyncで使用しています。

gulpfile からの BrowserSync スニペット:

gulp-sass を使用していますが、次のエラーが表示されます。

ここに私のgulpfile.jsがあります：

同じ scss (ファイル) は、次のように正常にコンパイルされます。sass --watch path/to/main.scss --compressed

別のプラグイン (gulp-ruby-sass) を試してみたところ、別のエラーがスローされました。

私は何を間違っていますか？

更新エラー メッセージは、_base.scss の 13 行目に言及しています。そのファイルの内容は次のとおりです。

Grunt の代替ビルド ツールとして gulp を試して、scss を css にコンパイルします。

scss ファイルの基本的なコンパイルでさえ問題があります。gulp にgulp-sass、gulp-ruby-sass、およびgulp-compassプラグインを使用してみましたが、毎回ほぼ同じエラー メッセージが表示されます。

なので、コンパスのミックスインに当たるとすぐに落ちていくように見えます。コンパス バージョン 1.0.0.alpha.19 と sass バージョン 3.3.7 を使用して PC に Ruby をインストールしました。

これが私のgulpfileです：

コンパスのコピーがインストールされている場所を伝える方法はありますか? グローバルにインストールされていると思いました。

Windows Server 2012 VM で初めて gulp を試しています。私は通常 Mac ユーザーなので、このような開発ツール用の Windows と Powershell には少し慣れていません。Node.js と npm をインストールしました (他には何もインストールしませんでした)。Sass をコンパイルするために、次の基本的な Gulpfile を作成しました。

Gulpfile.js

Windows Powershell でgulpコマンドを実行すると、次のように出力されます。

ここで何か不足していますか？Ruby または Sass をインストールする必要がありますか? そうしようと思ったのですが、Ruby コマンド プロンプトが必要で、PowerShell からはアクセスできませんでした。任意のガイダンスをいただければ幸いです。

共通の sass モジュールを共有する複数のプロジェクトを含む、かなり大きなコード ベースがあります。

また、多数のタスクを実行するモジュールごとにかなり複雑な gulpfile をセットアップしています。

私が直面している問題の 1 つは、単一の共有 sass モジュールが更新されたときに、複数のプロジェクトで sass タスクを実行できることです。

例えば：

このシナリオはよく発生します。また、 shared-child.scssを更新するときに、 shared-child.scssを含むすべてのプロジェクト ファイルを再コンパイルする必要があります。

したがって、 shared-child.scssで gulp sass タスクを実行すると、さまざまなプロジェクト (つまり、プロジェクト 1、プロジェクト 2、プロジェクト 3) のどこに含まれているかがわかり、適切な gulp タスクを実行して、変更を含めます。共有子.scss .

右の時点で、プロジェクト gulp.watching に親ファイルがあり、含まれているすべてのファイルの変更を監視していますが、その逆は問題の場所です。子を更新し、親を再コンパイルします。

これをどのように達成できるかについての情報をいただければ幸いです。