カテゴリー:
SCSS
閲覧数:507 配信日:2015-12-24 20:22
遭遇例
「Bootstrap4テンプレート」の機能単位毎CSS実装を確認したい
実際にCSSファイルを開いて確認してみたら？
・すべてのファイルをまとめてコンパイル
・1つのCSSファイルとして出力している
・そのため、コード内容には各種ライブラリCSSも含まれている
・恐ろしく長い
・確認したいのは、必要箇所だけなのに
必要ファイルだけ読み込みよう修正
・エラー発生
・「@mixin」「@include」等で他ファイルと共通部分があるため、コンパイルを通すためには、ある程度「関連ファイル」を読み込まなければいけない
・そうすると、確認のためだけに再コンパイルした結果も、やはり長くなる
まとめ
SCSSは作成には便利だが、初見の人が一部実装だけを個別確認したい場合は不便
・SCSSに慣れていないから？