問題タブ [node-sass]

OSX 10.11.1 を実行してnpm installいて、package.json に node-sass 依存関係を含むプロジェクトを試みています。

"dependencies": { "node-sass": "^3.4.2" }

NPM バージョン 2.14.7 とノード バージョン 4.2.3 を実行しています。npm installまたは npmを実行するとrebuild node-sass、次のエラー出力が表示されます。

これらのバージョンでこのエラーを回避した人はいますか?

次の npm ビルド ツールの組み合わせを使用してブラウザー アプリケーションを開発しています。

• ブラウザ化
• Coffeeify
• 見る

私のpackage.jsonファイルのスクリプト部分は次のとおりです。

これまでのところ、作業を開始する前に「npm run watch」コマンドを入力すると、更新するたびにすべての CoffeeScript ファイルが bundle.js ファイルに自動的にバンドルされるようにプロジェクトを構成しました。さらに、いくつかの .SCSS ファイルが必要です。これらのファイルは自動的に .CSS ファイルにコンパイルされ、すべてがバンドルされて min.css ファイルに縮小されます。そして、理想的には、CS ファイルに対して既に入力しているコマンド (「npm run watch」) 以外のコマンドを入力することなく、これを達成したいと考えています。

ここに私のpackage.json devDependenciesがあります:

これまでのところ、PhpStorm のファイル ウォッチャーと node-sass npm モジュールを使用して、.SCSS ファイルを .CSS ファイルに正常にコンパイルできるところまで来ました。いくつか読んだ後、yui コンプレッサーを使用することにしました (上記のように、Node モジュールとしてもインストールされています)。しかし、何度も検索した結果、これを行う方法の適切な説明が見つかりませんでした。

次を更新する必要がありますか？

私のpackage.jsonファイルの行？もしそうなら、どのように？

SCSS フォルダーのファイルが変更されるたびに、他のフォルダーの min.css ファイルが自動的に再コンパイルされるような最終結果が必要です。

(私の目的により良いオプションがあれば、必ずしも yui コンプレッサーを使用することを主張しているわけではありません。)

Node.js が呼び出しを解決するために使用するアルゴリズムは、疑似コードrequire()で非常に明確に文書化されています。

@importSassの声明にも同じことが必要です。

インポート ファイルと同じディレクトリ、および構成された「ロード パス」のいずれかとの相対的なディレクトリで、拡張子およびを含むベース名および@import 'foo'のさまざまな組み合わせが試行されることはわかっています...しかし、これらはどのような順序で試行されますか。を満たすことができるファイルが複数ある場合は、 ?が優先されます。またはで開始すると、ロード パスを試行するかどうかに影響しますか? 私がカバーしていない他のことはありますか？ファイルはどうですか？foo_foo.scss.sass@import./../.css

このガイドは、「Sass は賢く、あなたに代わって解決してくれるでしょう」以上のことは何も述べていません。リファレンス ドキュメントでは詳細が説明されていますが、解決手順についてはまだ詳しく説明されていません。

疑似コードで、使用する正確なアルゴリズムを誰でも提供できますか?

私は解決策を見つけようとしていたるところで研究しました。Windows 10 を使用しています。「ionic setup sass」を実行できません。管理者として実行したときに受け取るエラーは次のとおりです。

node-sass をアンインストールし、「npm uninstall node-sass」と「npm install node-sass」を使用して再インストールしようとしました。node_modules フォルダーを削除して、もう一度「npm install」を実行してみました。

「ionic serve」を使用して自分のアプリを確認すると、次のエラーが表示されます。

また、gulp-sass のアンインストールと再インストールも試みました。npm install gulp-sass を実行すると、次のようになります。

どんな助けでも大歓迎です。私はこの時点で完全に立ち往生しています。