Bootstrap.min.css の .min って何よ?

HTML/CSS

Bootstrapの CSSの中身が気になったので、Font Awesomeのとき と同じようにURLをコピってアドレスバーに貼り付けようと思ったら、.css の前に なんか .min って付いてる…。

気になったので調べました。

 

スポンサーリンク

.minを確認

Bootstrapは下記のとおり linkタグで Web上の CSSファイルを読んでるので、この URLに CSSファイルが存在するわけです。

CSS

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

でもURLの最後の部分、bootstrap.css じゃなくて、bootstrap.min.css になってます。

他には jQueryファイルも jquery.min.js ってなってました。

 

スポンサーリンク

.minの意味

これは “minify化されたファイル” という意味で、改行とか スペースとか 無くても問題ないものを徹底的にそぎ落として軽くしたファイルという意味らしい。

そのため、このURLをそのままアドレスバーに貼り付けると、

 

こんな感じで 改行もインデントもなくて 読みにくいファイルです。

それならURLから .minを 削除すれば…

 

読みやすい!

 

という 話でした。