私のcustom.scssファイルはブートストラップ4アルファ6で考慮されていません

Question

ブートストラップ4（アルファ6）を学ぶチュートリアルをしています。オリジナルのCSS設定をブートストラップからカスタマイズする必要があります。

// Bootstrap overrides 
// 
// Copy variables from `_variables.scss` to this file to override 
default values 
// without modifying source files. 
$green:red; 

は、私は、（私はpreprosを使用しています）bootstrap.scssファイルを再コンパイルし、私はページをリロードするとき、何も変わっていない：

はこのために私は_custom.scssを変更しました。生成されたbootstrap.cssファイルを見ると、色はブートストラップメインテーマのデフォルトの緑色です。

_variables.scssファイルを直接変更すると完全に動作します。私bootstrap.scssファイルで_custom.scssファイルが_variables.scss後にインポートされ

：

// Core variables and mixins 
@import "variables"; 
@import "mixins"; 
@import "custom"; 

誰もこれが機能しない理由の手掛かりを持っていますか？

Answer 1

私は答えを見つけました。

Sassがどのように動作するのか誤解でした。私はこれらの変数がJavaのようなものだと考えました。

$green:red; 

$brand-success:$green; 

Answer 2

私は同じ問題を持っていたコンパイル中に、私の_custom.scssが動作しているようだいませんでした。しかし、それはあなたにも、このような色の変数を使用してコンポーネントを再定義する必要がありますので、ここでSASSではそうではありません実際には非常に単純な修正です。

copy _variables.scss内容をコピーして_custom.scssファイルに貼り付け、ファイル全体からすべて!default;を単に削除します。

$font-size-h1: 2.5rem !default;

$font-size-h1: 2.5rem;

には、問題を修正します。