問題タブ [node-sass]

これは現在、gulp-sass を使用する私のプロジェクトにも影響を与えています。gulp-sass は node-sass#^3.4.1 に依存しています。これは、最新リリースである 3.5.3 に自動的に更新されたばかりです。

package.json ファイルを更新して gulp sass のバージョンを古い (2.1.0) に下げましたが、まだ壊れています。

node sass 3.4.2 に戻すには?

エラーメッセージ

エラー: @media 内から外部セレクターを @extend することはできません。同じディレクティブ内で @extend セレクターのみを使用できます。

今日、StreamMe 用の MeepBot をインストールしようとしたところ、「'libsass' バインディングが見つかりません。'node-sass' を再インストールしてください」というエラーが表示されました。何百万回も再インストールしました。「npm un/install --save-dev node-sass」、「npm rebuild node-sass」などを試しました。誰か私の問題に対する答えを教えてください。

写真: http://prntscr.com/axbxu8

PSは覚えておいてください、私はCentOS 6を使用しています。

プロジェクトのSASSおよびSCSS文字列をCSS文字列 にコンパイルする必要があります。したがって、ノード パッケージ node-sass を使用しています。SCSS の変換はうまくいきますが、SASS はうまくいきません。

SASS のコード例:

このようなものを変換しようとすると、問題が発生します。これは、有効な .sass 構文である必要があります

コンソール出力:

したがって、明らかに node-sass は .sass コードをそのようにコンパイルできません。node-sass の構文は次のとおりです。

オブジェクト内では、オプションや関数を定義できます。そのような関数でデータをコンパイルする方法はありますか?

他のパッケージの他のソリューションまたは推奨事項はありますか?

私は自分のアプリのベースとして Express で Node.js を使用しており、sass コンパイルには npm パッケージnode-sass-middlewareを使用し、基盤 scss ソースにはfoundation-sitesを使用しようとしています。

私の app.js には以下が含まれています。

私のstyle.scssは次のようになります:

そして、stuff.scss は次のようになります。

私のlayout.jadeに追加しました

ページを更新すると、ログに次の出力が表示されます。

GET /login 200 356.910 ms - 511 ソース: F:\Users\trutt\Documents\Projects\MyProject\scss\style.scss 宛先: F:\Users\trutt\Documents\Projects\MyProject\public\css\style.css
読み取り: F:\Users\trutt\Documents\Projects\MyProject\public\css\style.css GET /js/jquery.cookie.js 304 7.621 ms - - GET /css/style.css - - ms - - レンダリング: F:\Users\trutt\Documents\Projects\MyProject\scss\style.scss ソース: F:\Users\trutt\Documents\Projects\MyProject\scss\style.scss 宛先: F:\Users\trutt\Documents\Projects \MyProject\public\css\style.css GET /css/style.css 200 7.127 ミリ秒 - 269

すべてが最終的にコンパイルされた style.css になります。

Foundation 自体のヘッダーが表示され、インクルード パスが機能していることがわかります。私は、Sass がコンパイル チェックとインポート テスト、および継承によって機能しているように見えることを証明しました。しかし...すべての基礎CSSルールはどこにありますか? 私は何かを逃しましたか？

インストールされたすべてのパッケージは、過去 24 時間以内に npm から直接新しくインストールされたので、最新の npm パッケージ バージョンで作業していると思います。

次の構成で node-sass を構築していました。

• ウィンドウズ10 64ビット
• ノード v4.4.3 LTS 64 ビット
• ノードサス 0.3.6
• ビジュアル スタジオ 2015

git からノード リポジトリを複製し、src を PATH に追加しましたが、まだ次のエラーが発生します。

私はAngular2を独学するための小さなプロジェクトを始めています。完全にリリースされていないため、私は Yeoman Generator と Grunt や Gulp などの自動化ツールの使用を避けました。Node Package Manager を使用し、「scripts」プロパティから自動化タスクを実行しています。

lite-server、typescript、node-sassを同時にインストールしました。ソースファイルを変更したときに更新する「監視」タスクを実行すると、ローカルサーバーは正常に動作し、これは TypeScript クラスを変更すると更新されますが、生成されたcssものが正しいにもかかわらず、CSS がロードされていないことに気付きましたソースscssファイルを修正します。CSS はブラウザーにまったくロードされません。これは私の package.json ですscripts。オブジェクトに私のウォッチ スクリプト/タスクが表示されます。

生成されたcssファイルが呼び出されstyles/main.css、私のようにリンクしますindex.html

誰が私が間違っているかを見ることができますか? コンソールまたはコマンド ラインにエラーは表示されません (実際、すべて正常に動作しています)。Atom IDE のフォルダー構造は次のとおりです。

sass ファイルを結合するために gulp-sass で利用できるオプションはありますか?

例えば：

main.scss:

コントロール.scss:

結合された出力ファイルは、以下のような単一の scss ファイルである必要があります