問題タブ [node-sass]

タイトルが示すように、コマンドを何度も実行せずに、scss ファイルを監視/コンパイルして css にするために node-sass を使用したいと考えています。

編集: ruby​​ sass の代わりに node-sass を実行できる grunt タスクはありますか? 私が見たのは grunt-contrib-sass/compass で、すべて ruby​​ を使用しているためです。

getFont呼び出しを簡素化するという名前の mixin を作成しようとしてい@font-faceます。コンパスとサスで私はこれを行います：

これにより、コンパスを使用して望ましい結果が得られますが、grunt と node-sass を使用すると、次のようになります。

コンパイラが 2 つの文字列を一緒に追加する際に問題が発生しているように見えますか?

このSASSをコンパイルしようとしています:

grunt-sass 0.13.1 経由で node-sass 0.9.3 (つまり libsass) を使用しています。ただし、次のエラーが発生します。

エラーに関連する行番号は、@supports ディレクティブを含む最初の行です。

これは有効な SASS/CSS であり、grunt-contrib-sass 0.7.3 を使用してこの同じ宣言を正常にコンパイルできたと思います。これは、libsass が構文をサポートしていないという問題であることを意味しますが、@support ディレクティブは以前から存在しているため、可能性は低いと思われます。コンパイル速度が大幅に向上するため、可能であれば node-sass を使用したいと考えています。これを機能させるにはどうすればよいですか？

gulp を使用しようとすると、「モジュール 'node-sass-middleware' が見つかりません」というエラーが発生します。

node-sass-middleware が何らかの理由で空です。私はgulpをインストールしました

node-sass-middleware フォルダーが表示されますが、内部は空ですが、node_modules フォルダーも空です。

gulp のインストールが間違っていますか?

ASP MVC の世界よりも面白くて軽量なので、Express やその他のさまざまなノード関連のフレームワークに慣れてきました。最初にやろうとしているのは、SASS ファイルを自動的に CSS ファイルにコンパイルすることです。 .

私はそれにいくつかの方法を取り入れてインストールnode-sassし、いくつかのチュートリアルに従いましたが、必要な結果が得られません. まず、これが私のディレクトリ構造です。

したがって、私の計画はかなり単純です。ブラウザーでアクセスしたときに、レンダリングしviews/index.jadeたい- 明らかに、これはコンパイル時には存在しませんが、対応するファイルが.index.jadestatic/stylesheets/index.cssindex.scsssass

私の現在の設定は、/css/index.cssを参照すること__dirname/static/stylesheetsです。したがって、私の翡翠ビュー内には、次のブロックがあります。

意図は、このリンクがコンパイルされた sass ファイルを参照することです。以下は、sass のコンパイルと静的コンテンツの提供に関する app.js の部分です。

私の問題は、実際に起こっていることは、SASS が css をうまくコンパイルしているように見えますが、上記で使用したルート/css/のために、すべてをフォルダー (存在しない) に追加していることです。/cssおそらく、デバッグ出力の方が理にかなっています。

明らかに、これは意図したものではなく、ブラウザーが要求していると認識しているため 404ing になりcss/index.cssますが、SASS ファイルは実質的にcss/css/index.css.

ここで何をすべきですか？私は明らかな間違いを犯していると思いますが、ノード/エクスプレスを初めて使用するため、それを見ることができません。