Chromeのdevtoolsで、これらのフォルダがオレンジ色と斜体で表示されるのはなぜですか？

Chromeデベロッパーツールの[ソース]タブを確認しています。いくつかのフォルダはオレンジ色で、斜体で表示されています。「通常の」フォルダ（青色で表示）とはどのように違いますか？Chromeのdevtoolsで、これらのフォルダがオレンジ色と斜体で表示されるのはなぜですか？

出典

2017-04-25 John Wu

[source-mapped]（https://developers.google.com/web/tools/setup/setup-workflow）これらのフォルダが必要です。バンドラ/コンパイラがソースマップを保持している場合にも自動的に発生する可能性があります。 – wOxxOm

wOxxOmの答えを拡張するには、ファイルが実際にブラウザによって直接ロード/解釈されていないことを意味します。むしろ、これらのソースによって「コンパイルされた」スタイルシートがいくつかあり、ソースファイルのマジックdevのツールであなたのレビューのために利用可能になっている - しかし、devのツールが閉じられている場合、それらは読み込まれません。 –

[JavaScriptソースマップの概要]（https://www.html5rocks.com/jp/tutorials/developertools/sourcemaps/）を参照してください。 – Vadim

フォルダの色

ブルー - 通常のフォルダ、オレンジ任意のソースマップファイルに
が含まれていません - フォルダ（.less /添付のソースマップを持つファイルが含まれています.cssまたは .ts/.js）

枚の
リソース色

イエロー - JS

バイオレット - CSS &フォント

グリーン - 画像

グレー - HTML

出典

2017-12-19 10:09:42 Ninja

Chromeのdevtoolsで、これらのフォルダがオレンジ色と斜体で表示されるのはなぜですか？

答えて

関連する問題