[解決済み] Bootstrap v4では、_reboot.scssをどのように読み込んでいるのですか？

質問

理解できない

このようにbootstrap CDNをインクルードしています。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

そして、_grid.scss、_navbar.scss、_reboot.scssを読み込んでいます。 それを検査すると bootstrap.min.css ファイルには、インポートやそのようなものは見当たりません。

Bootstrapがこれらのファイルをどのように読み込んでいるのか理解できないのですが？リブートしたくないし、グローバルカラーを設定されてしまうので、本当に困ります。

こちらで再現しています。

https://jsfiddle.net/L262w2r0/3/

解決方法は？

おそらく、あなたが見ているのは スタイル タブに表示されます。

bootstrap.min.css は 微小化 そのため、CSSにどのような変更を加えればよいかを調べるにはひどいファイルです。また、SASSから生成されているので、もし編集したい場合は、ソースファイルを編集してCSSを再コンパイルする方が、CSSを直接編集するより理にかなっています。

ブラウザはソースマップを使って、特定のルールが元々どのSCSSソースファイルから来たものかを示しています。これは、それがminified CSSファイルの1行目にあることを伝えるためではありません。

_reboot.scss は ではない がブラウザからダウンロードされます。すでにコンパイルされて bootstrap.min.css .

もし削除したいのであれば、BootstrapのSASSファイルを入手して編集する必要があります。これはおそらく良いアイデアではありません（Bootstrapのフォークを維持し、バグフィックスが必要な場合はメインのBootstrapブランチに更新をマージしなければならないからです）。より良いアプローチは、あなたが好きではないルールを上書きすることです。