CSS
フォルダーには、ファイル拡張子が .mapの 2 つのファイルが含まれています。彼らです:
bootstrap-theme.css.map
bootstrap.css.map
それらは縮小されたファイルのように見えますが、何のためにあるのかわかりません。
CSS
フォルダーには、ファイル拡張子が .mapの 2 つのファイルが含まれています。彼らです:
bootstrap-theme.css.map
bootstrap.css.map
それらは縮小されたファイルのように見えますが、何のためにあるのかわかりません。
エラーを取り除きたい場合は、次の行を削除することもできますbootstrap.css
。
/*# sourceMappingURL=bootstrap.css.map */
これらはソース マップです。これらを圧縮されたソース ファイルと一緒に提供します。Firefox や Chrome などの開発者ツールは、それらを使用して、コードが圧縮されていないかのようにデバッグできるようにします。
ブートストラップ css は Less で生成できます。マップ ファイルの主な目的は、css ソース コードを chrome dev ツールのより少ないソース コードにリンクするために使用されます。以前と同じように、chrome dev ツールで要素を調べます。cssのソースコードを見ることができます。ただし、ブートストラップcssファイルを使用してページにマップファイルを含める場合。検査したい要素スタイルに適用されるコードが少ないことがわかります。
これらのファイルを探してここに来た人 (私のように) は、通常.map
、URL の末尾に追加することで見つけることができます。
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map
バージョンは、使用している Bootstrap のバージョンに置き換えてください。
クライアント側のコードを結合して縮小した後でも、パフォーマンスに影響を与えることなく、コードを読みやすく、さらに重要なことにデバッグ可能に保ちたいと思ったことはありませんか? さて、ソース マップの魔法を使うことができます。
この記事では、実践的なアプローチを使用してソース マップについて説明します。