問題タブ [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 投票する
1 に答える
2008 参照

angularjs - npm lite-server が CSS の変更を認識しない

angular 2 ツアー オブ ヒーローズ チュートリアル アプリケーションを構築しています。css を生成するために sass をコンパイルしていますが、lite-server はこの変更を認識しないため、ブラウザーを更新しません。.ts ファイルへの変更が期待どおりに認識され、ブラウザが更新されます

私のフォルダ構造は次のようなものです:

以下の package.json を参照してください。

何が問題なのか教えてください。私が気づいた奇妙なことは、lite-server が起動したときに、.css ファイルが HTTP 304 コードを取得し、public フォルダーの下の他のすべてが 200 を取得することでした。

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

function - 変数定義内で関数を使用する SASS

私は node-sass を使用しており、簡単にテーマを変更できる一連のスタイルを構築しようとしています。つまり、たとえば、1 つの色を変更すると、他のさまざまな色が更新されます。

色 (背景色) を取り、明度を決定し、テキストの色として使用するプリセットの暗い色または明るい色を出力する関数があります。これと同じ機能を以前に使用したことがありますが、うまく機能します。これは sass ファイルに含まれており、動作することがテストされています。

ただし、変数宣言内でこの関数を使用しようとしています。ので、私は持っています

($bg-color、$color-text- などはシートの前半で設定)

問題は、$ contentbox-text-color を使用する場所で、色の値として表示されることです

(ここで、「青」は $bg-color 値です) - 関数の結果ではなく、私が期待するものです。以下に示すように関数を補間してみましたが、結果は同じです

変数 (/結果の色) を mixin の引数として、および他のさまざまな場所で使用するため、変数を介してこの関数にアクセスする必要があります。

私がやろうとしていることを達成する方法を知っている人はいますか? 変数内での関数の使用に関する情報が見つからないため、これが不可能なことなのか、それとも正しく機能させるための構文が欠けているだけなのかわかりません!

ありがとう :)

簡単な更新: 関数を mixin の引数として直接呼び出すと、これは正しくコンパイルされますが、理想的には、変数名を単純に使用できるようにして、同じ変数を全体で使用できるようにしたいと考えています (何らかの理由で可能ですが、単に変数に依存するのではなく、すべての mixin に移動して引数を更新する必要があるのは面倒です!)

0 投票する
3 に答える
27891 参照

css - node-sass で scss を css にコンパイルする方法

他の .scss ファイルから多くのインポートを含む master.scss があります。* .scss ファイルを変更すると、master.css が自動的に生成されます。

私は NPM のみを使用し、Gulp や Grunt は使用しません! これはそのままでいい。

私の現在のビルドスクリプト:

それは素晴らしいことですが、コンパイルに時間がかかります!

今、 node-sassを使おうとしています。非常に高速にコンパイルされるはずです。残念ながら、私はそれを完全には理解していません... node-sassがインストールされています。npm install node-sass

以下をどこで使用しますか (ドキュメントから)。

ではそうではありませんpackage.jsonよね?

ここに私が読んだチュートリアルがあります: Using NPM as a Task Runner

スクリプトは良いです。どのように使用できますか?

これにより、すべての sass ファイル (アンダースコアで始まらないもの) が build/css/ ディレクトリにコンパイルされます。

あなたの助けを願っています!

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

node.js - npm update が node-sass エラーをスローする

少し前に、プロジェクトの 1 つで node-sass を使用しました。今、私が書いnpm updateたりnpm install、任意のプロジェクト(node-sassをまったく使用していない)で書いたりすると、次のエラーが発生します:

私はこれまでに試しました:

  • npm 再構築
  • npm 再構築ノード-sass
  • npm アンインストール -g ノード sass
  • npm install -g npde-sass@2 (どこかで v2 には問題がないことを読みました)

私のノードのバージョンは v5.1.0 です

node-sass はまったく必要ありませんが、どういうわけかエラーがスローされます。これはまったく説明できません。これを取り除く方法について誰か考えがありますか?

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

travis-ci - Travis は、pytest の使用時に node-sass の print ステートメントから Python 構文エラーをスローします

pytest-djangoを使用して Django アプリをテストするときに、Travis で奇妙な問題が発生しています。私のすべてのテストはローカルで、明らかにtravisでも合格しますが、何をしても毎回エラーが発生しnode-sassますnode-gyp

私のテストでは、ノードモジュールを使用していません(可能であれば)。私は gulp-sass を持つ gulp を使用していますが、テストを実行する前に実行するとうまくいくようです。

エラー出力は次のとおりです。

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

node.js - Raspbian (Raspberry) に Gulp-Sass (Node-Sass) をインストールできない

Raspberry Pi に node-sass または gulp-sass をインストールしようとしていますが、次のエラーがあります。

私はこの解決策を試しました: https://www.raspberrypi.org/forums/viewtopic.php?f=66&t=117076、しかし動作しません。

ありがとう、