問題タブ [scss-mixins]

Web サイトに SCSS ファイルを含める方法がわかりませんが、メモ帳を使用して .scss ファイルを完全に開発しました。それを私のウェブサイトに含める方法を教えてください。

styles.scss で mixin を使用しようとしましたが、定義されていないと表示されます。私はもう試した：

1. styles.scss で使用する

結果：

2. ブートストラップの再インポート:

   @import "../node_modules/bootstrap/scss/bootstrap.scss";

今は動作しますが、styles.bundle.js を見るとブートストラップが 2 回含まれています。Bootstrap は angular-cli.json に既に含まれています。

この SCSS コードでは、以下の出力に示すように、SCSS が同じクラスに対して 2 つの別個のルールを出力するという私の予想に反して、1 つのクラスの下ですべての宣言を取得するために mixinbtn-structureと extendを使用しています。%red-color

出力

SASS が同じクラスに属する 2 つの個別のルールを出力することを望まないため、それが 1 つのクラスに属する場合に SASS に 1 つのルールを出力させる方法を教えてください。