問題タブ [grunt-contrib-compass]

現在、時計とコンパスのモジュールが構成されているうなり声の構成があります。しかし、scss ファイルを更新すると、次のメッセージが表示されます。

"compass:dist" (コンパス) タスクの実行

その時点から何も起こりません。ファイルはコンパイルされません。非常に遅いビルドのようです。10分待ったが何も起こらない。エラーなし。

-v -d で実行すると、次のようになります: Running "compass" task [D] Task source: /home/[mypath]/node_modules/grunt-contrib-compass/tasks/compass.js

"compass:dist" (コンパス) タスクの実行 [D] タスク ソース: /home/[mypath]/node_modules/grunt-contrib-compass/tasks/compass.js プロパティ compass.dist が config に存在することを確認しています...OK ファイル: [ファイルなし] オプション: force、trace、sassDir="assets/stylesheets"、cssDir="../../[path/to/build]"

「grunt watch」を実行してスタイルを更新すると、次のようになります。ファイル「assets/stylesheets/style.scss」が変更されました。しかし、その後、「compass:dist」(コンパス) タスクを再び無限に実行します。

Gruntfile.js コード:

更新 使用バージョンは次のとおりです。ruby 1.9.3 compass 1.0.1 node 0.10.33 grunt 0.4.5

目が充血するまでウェブページをググったり読んだりしましたが、それでも答えが見つかりません。これがすでに回答されている場合は、申し訳ありません。

私のコンパスプロジェクトのうなり声は、生産および開発の「モード」で問題なく「コンパイル」されます。クロームを使用すると、ソアマップが機能します。ただし、Chrome はすべてのコンパス ライブラリ/コア ファイルに対して 404 エラーを報告しています。

ここに 404 があります: http://i.stack.imgur.com/Kyqq6.jpg

ソース マップ ファイルから問題の場所を確認できますが、修正方法がわかりません。style.css.map ファイルは次のとおりです。

そのため、すべての「../../../..」が開発中に 404 エラーを引き起こし、非常に面倒です。基本的に、コンパスが生成しているパスは有効ではありません。

これが起こらないようにコンパスを動作させる方法を知っている人はいますか? config.rb の設定が必要だと思いますが、どの設定かわかりません: http://compass-style.org/help/documentation/configuration-reference/

これが私のconfig.rbです：

Web 上のほとんどの例では、ローカル インスタンスの場所を Chrome に伝える手順が示されていますが、私のローカル インスタンスはファイルシステムを共有する Mamp ホストではなく vm ホスト上にあるため、例は役に立ちません。

明確にするために、ソースマップはコンパス以外のコアファイルに対して機能しています。そして、機能するということは、404をスローせず、開発者インスペクターで正しいソース行を指すことを意味します。

助けてくれてありがとう。

ダン

ps。sass と compass の両方で gem のアンインストール/インストールを試みましたが、役に立たなかったようです。

私はgulpでコンパスを使用しています。
私はスプライトを生成しており、次の mixin を持っています。

私が持っているgulpタスクは、それを取得app/styles/index.scssしてコンパイルしbuild/styles/index.cssます。画像はからapp/assets/images/sprite-icons取得したもので、スプライト画像をbuild/assets/images.

次の引数でコンパスを実行しています。

現在、scss ファイルの 1 つに次のスタイルがあります。

そして、私は得ました：

問題は、背景画像を次のようにする必要があることです。

これは、grunt を使用している場合にも発生します (フレームワークはあまり重要ではありません)。

これを修正する方法はありますか？

プロジェクトにbootstrap-sassを追加し、このようにapplication.scssファイルにインポートしました

@

ブートストラップ コンパス ファイルには、関数があります。

画像とフォントのパスを設定するために使用されます。

コンパスを使用して css ファイルを作成した後、css ファイルの出力には、フォント ファイルへの次のパスが含まれます。

ソースパスが次のようになるように変更するにはどうすればよいですか:

src の代わりに:url(/.tmp/styles/fonts/bootstrap/glyphicons-halflings-regular.eot)

application.scss はgrunt-contrib-compassによってビルドされたことに注意してください。

ありがとう。

私は Grunt を初めて使用します – これまでのところ気に入っています (さようなら Codekit) – しかし、コンパス URL ヘルパー (image-url()、font-url()) の出力に間違ったパスが含まれるという問題があります。これが私のグラントファイルです。

「grunt dev」を実行すると、Grunt は警告なしで実行されます (必要なすべてのリソースを見つけることができることを示します)。ただし、コンパス URL ヘルパーの出力には、常に gruntfile が存在するディレクトリがありません。

次のようにディレクトリを追加すると...

...結果の出力は正しいですが、grunt はリソースが見つからないという一連の警告をスローします。エラーの例は次のとおりです。

そのため、コンパスが httpPath を認識している場所と Grunt が私のプロジェクトにあると認識している場所との間に多少の不一致があるようですが、これを修正する方法がわかりません。

現在、Compass を実行すると、イメージとフォントが見つからない (間違ったディレクトリを探している) という警告が大量に表示されますが、ウォッシュですべて問題なく表示されます...

この不一致が発生している理由を理解するためにどこを見ればよいかについて、誰かが私にガイダンスを与えることができますか?

これは Grunt で Compass を使用する方法に関する質問です。データ入力ステップで何かがうまくいかない。コンソールで、.scss ファイルのみを変更すると、コンパスが同じファイルを数回 (4 回、5 回、または最大 10 回) いっぱいにすることに気付きました。あなたの意見では、それは何に依存していますか? これが私の gruntfile.js です。ご親切にありがとうございました。

};

Grunt とコンパスで .scss ファイルを埋めることについて、1 つだけ質問があります。それを埋めている間、私はそれが少し遅いことに気づきました. どうすればこの問題を解決できますか? ご協力いただきありがとうございます