問題タブ [node-sass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
225 参照

ruby-on-rails - gulp-sass を使用して Eyeglass に node_modules を正しく検出させるにはどうすればよいですか?

Rails アセット パイプラインを gulp でクリーンアップしようとしています。すべての npm パッケージ scss/css ファイルを includePaths に明示的に追加するのにうんざりしています。徹底的に検索してドキュメントを読みましたが、 Eyeglassで node_modules を見つけるのにまだ問題があります。

これが私がこれまでに持っているセットアップです:

Eyeglass を'./node_modules'パスにポイントし、パターン配列を使用して、css/scss がインポートするインストール済みパッケージを適切に解析できるようにしようとしています。ドキュメントを見てみると、パターンでガイドする必要さえないように思えますが、正しいディレクトリを指定すると、どこを見ればよいかがわかります。

--save-devすべてのモジュールを eyeglassに追加する簡単な方法はありますか?

0 投票する
1 に答える
1508 参照

npm - Python なしで npm を使用して scss-lint をインストールする

gulp-scss-lint自分のマシンで作業しようとしていますが、うまくいきません。

環境

特定のバージョンと環境設定が問題にとって重要である可能性があると感じているので特定のコンテキストをリストします。

  • Windows Server 2012 R2 標準
  • NPM 2.14.7
  • ノード 4.2.2
  • Gulp 3.9.0 をインストール-g
  • Powershell 4.0 からの実行

再現

これが私の問題の再現です:

  1. mkdir gulpscsslintcd gulpscsslint
  2. npm initすべてのデフォルトの回答
  3. npm install gulp --save-dev
  4. npm install gulp-scss-lint --save-dev
  5. new-item -itemtype file gulpfile.js次のように入力します。

    /li>
  6. new-item -itemtype file styles.scss

  7. gulp

結果:

期待される結果は明らかにリンターからの実際の出力でした。

それで、私は続けました:

  1. npm install scss-lint --save-dev

しかしfailNoPython、出力からのこのスニペットで失敗します:

質問

この Node パッケージをインストールするためにPythonを使用することは本当に難しい要件ですか? または、Python をインストールせずに何らかの方法でインストールできますか?

脚注として、この質問を完全に書いたので、これはGithubの問題のようなものである可能性があることに気づきましたが、そうであれば、どのパッケージまたはツールが私に与えているのかを見つける(方法を学ぶ)助けが必要かもしれませんトラブル ( gulp-scss-lint? scss-lint?または他の基礎となるパッケージ?) npmnode-sass

0 投票する
0 に答える
39 参照

node.js - node-sass を使用した SCSS での乗算の無効なオペランド

投稿に続いて Sass を使用してベジエ 3 次曲線の実装をテストしようとしていますが、node-sass を使用して sass ファイルをコンパイルするとエラーがスローされます。これがエラーです。

問題はまさにこの行にあります:

0.something少しテストを行うと、 forの値で関数を実行していることがわかりました$x1。値を整数に変更すると、関数は機能し、エラーは表示されません。node-sass と ruby​​ sass のやり方に関係があると思います。

これは、いじってコード全体を見たい場合のコードペンです。

ありがとう。

編集:

これは重複としてマークされましたが、関連する質問と回答は同じではなく、最初の懸念に対する情報や可能な回答を提供しません.

ここでの問題は、関数が定義されていないことではありません。前述したように、値が 1 の場合は mixin が機能するからです。

0 投票する
2 に答える
3408 参照

node.js - Ionic に node-sass をインストールできない

Ionic で使用するために node-sass をインストールしようとしていますが、できません。

私はnvmwith node v4.0.0andを使用しておりnpm 3.8.0、実行するsudo npm install -g node-sassとこのエラーが発生します

これを解決するのを手伝ってもらえますか? 使用しても機能しませんnode v5.0.0

ありがとう

0 投票する
1 に答える
2338 参照

javascript - Node / npm : node-sass で scss をコンパイルすると、インポートするファイルが見つかりません

my で次のスクリプトを使用してsassmyをコンパイルしようとしています:node-sasspackage.json

私のstyles.scss

しかし、実行するnpm run node-sassと次のエラーが発生します。

私のプロジェクト構造は次のようになります。

ここに画像の説明を入力

依存関係に関しては、node は node_modules を自動的にチェックインするべきではありませんか? ここで何が間違っているのかわかりません...

0 投票する
2 に答える
7245 参照

npm - node-sass と gulp-sass の長所と短所

node-sass と gulp-sass の違いは何ですか? 各バージョンの長所と短所は何ですか? www.npmjs.com では、node-sass がダウンロードにおいて 2 倍以上の利点を持っていることがわかります。これで良くなりますか?コンパイル速度に違いはありますか?

0 投票する
1 に答える
683 参照

twitter-bootstrap - Bootstrap 4 NPM package.json メタデータを活用する方法

Bootstrap 4 alpha docsから:

Bootstrap の package.json には、次のキーの下にいくつかの追加のメタデータが含まれています。

  • sass- Bootstrap のメイン Sass ソース ファイルへのパス

  • style- デフォルト設定を使用してプリコンパイルされた Bootstrap の縮小されていない CSS へのパス (カスタマイズなし)

開発でこれらのキーをどのように活用しますか? これらのキーにアクセスする方法について、NPM からの情報が見つからないようです。でコンパイルしてnode-sassいますが、これらのキーを活用して次のように書く方法はありますか?

それ以外の

そうでない場合、これらの余分なキーを に含める目的は何package.jsonですか?

0 投票する
0 に答える
60 参照

javascript - node-sass と sass-eyeglass ツリーを取得する

node-sass で sass-eyeglass を使用して、いくつかのカスタム関数を構築することに興味があります。私がやろうとしていることの 1 つは、次のように sass 変数の値を取得することです。

JS:

サス:

このようなことを行うには、(その時点で) 解析されたすべてのツリーのようなものにアクセスする必要があります。これは node-sass で可能ですか?