1

私はCompassにかなり慣れていませんが、プロジェクトでCompassを使用してアイコンスプライトを生成しようとしています。このチュートリアルを参照してください：

IMO、チュートリアルは正確には明確ではありません。まず、チュートリアルでは、「all-icon-sprites」ミックスインを含む「_icons.scss」ファイルを作成するように指示されることはありません。

@import "icon/*.png";
@include all-icon-sprites;

この結果はエラーです：

  • 「構文エラー：未定義のミックスイン「all-icon-sprites」。」

そこで、「_ icons.scss」ファイルをプロジェクトに追加し、コードを次のように変更しました。

@import "icon/*.png";
@import "_icons";
@include all-icon-sprites;

今、私はこのエラーを受け取ります：

  • 構文エラー：「$ delete-position」の後の無効なCSS：「）」が必要でしたが、「：$icon-delete-...」でした
    • /path/to/_icons.scssの28行目

誰かが私が間違っていることを私に説明できますか？それとも、実際には「_icons.scss」ファイルに問題がありますか？

4

1 に答える 1

3

チュートリアルでは、_icons.scssは必須ではないため、インポートするように指示されていません。pngファイルまたは生成されたファイルのいずれかをインポートします-両方ではありません。それらは同じですが、pngファイルをインポートする場合、pngファイルの変更（名前の変更、追加、削除など）に応じて自動的に最新の状態に保たれる生成されたスタイルシートをインポートすることになります。

<images> / iconディレクトリにpngファイルはありますか？

正直なところ、このエラーは、スタイルシートを処理しているコンパスのバージョンがコマンドラインで使用しているものではないかどうかを確認するために予想されるエラーです。レールまたはCLIを使用してコンパイルしていますか？

于 2011-01-11T17:36:27.137 に答える