問題タブ [dart-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.

58 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
4223 参照

css - Sass: @use でエラーが発生、未定義の変数

Sass を使用しています@useが、代わりにキーワードを使用したいと考えています@import。なぜなら、@importバグのある問題がたくさんあるからです。また、この機能は dart-sass のみがサポートしているため、node-sass を dart-sass に変更しました。しかし、問題が発生。

私の元のコード

dart-sass と@use応用コード

エラー: 未定義の変数です。

どうすれば解決できますか？

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

css - sass 変数を使用して css 変数の値を定義できない理由

sass 変数と sass 数学演算子を使用して、さまざまな cssfont-size変数を定義しようとしています。

css 変数を次のように定義しました。

次に、他のファイルで css 変数を次のように使用しました。

これはまったく機能しません。私のフォントサイズはまったく変わりません。私はsassの数学演算子に何か問題があるのではないかと思ったので、そのようなことを試しました:

これは機能し、私のフォントサイズは2rem期待どおりに等しくなりました。この発見の後、sass変数で何か間違ったことをしているのかもしれないと思ったので、css変数をそれに変更しました:

そして、これはうまくいきません！私は自分が間違っていることを本当に知りません。これらの css 変数を sass 変数と sass 数学演算子で定義する方法を誰かに説明してもらえますか?

ノート：

  • csscalc関数を使用すると、これも機能します。
  • .scssファイルをコンパイルするために、css-loaderとsass-loaderでWebpack 5.10.3を使用しています

12345678910