やりたいこと
bootstrap を import して一部 scss でレイアウトの調整をしているんですが
ページによって使う部品使わない部品の CSS が大きくなってきたので
サブ SCSS に分割してページによって読み込む SCSS をかえようと思ってます
たとえば page1 をよみこんだときは部品 1 2 を使うので次の4つ
default.scss
- page1.scss
-- part1.scss
-- part2.scss
page2 をよみこんだときは部品 1 3 を使うので次の4つ
default.scss
-page2.scss
-- part1.scss
-- part3.scss
みたいな感じです
問題点
@extend .p-1 とか @extend .btn とか
bootstrap のクラスを指定してレイアウトしてるためすべてのファイルに @bootstrap が必要になる
bootstrap の中身全部が展開されるとサイズが結構大きいので
分割して読み込むファイル全てに展開されると非常に無駄な気がします
bootstrap を使う以上 bootstrap に用意されているクラスをあてないと
バージョンアップ等に対応できないし
使う部品ごとに SCSS を分割してかつ無駄な重複 import をせずにコンパクトに保つにはどうすればいいのでしょうか
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/09/06 06:51
2018/09/06 06:52
退会済みユーザー
2018/09/06 06:55