Sassで書いてGithub Pagesに公開する

Question

現在、GithubPagesを利用してポートフォリオサイトのようなものを公開しようとしています。

今回、ポートフォリオサイト作成でBootstrap4を使用するにあたって、CSSではなく、Sassで書こうと考えています。

.html、.js、.scss、コンパイル後の.css、の全てを同じフォルダ(masterブランチをCloneしてきて、そのフォルダ)に入れていますが、
この場合、gitにはどのファイルまでをpushするのが最善なのでしょうか。

何故この質問が生まれたのかというと、私としては
①scssも、変換後のcssも全てgitへpushする。
②scssのみpushして、変換後のcssはgitにあげない。
の２パターンがあると考えているからです。

Sassとgithubについて調べているとき、
「.sassや.scssや.coffeeのファイルを置いておくと自動でコンパイルしてくれる。」
という情報を発見しました。

ということは、.scssファイルのみpushして、コンパイル後の.cssはgit上に上げなくてもよいのではないかと思いました。

①のパターンでは、pushするサイズが大きくなってしまうし、gitで自動コンパイルしてくれるのにコンパイル後のファイルまでpushするのはスマートではない？
②のパターンでは、コンパイラをインストールしていない環境にクローンした際はコンパイラのインストールから始めなければいけない。また、pushする際に.cssファイルのみ除ける手間がある。
などのデメリットがあるのかなと考えています。

この場合の最善策は一体どのようなパターンなのでしょうか。
ご教示よろしくお願いいたします。

Answer 1

branchを分ければいいんじゃないですかね。

gh-pages branchにdeployするようにすればいい。

master branchで開発してCIに掛けてgh-pages branchにdeployというのはよく見るパターンなのでググればたくさん例が見つかるので

Comments

[dev3310]

ご回答ありがとうございます。

・master branch(開発用ブランチ)にはscssも、変換後のcssも全てpushする。
・gh-pages branch(公開用ブランチ)にはscssのみpushしてコンパイルはgitに任せる。
という意味でまちがっていないでしょうか。

[yumetodo]

ちがう。

1. masterにはscssを
2. pushするとCIが動いてそこでcssを生成、CI上からgh-pagesにdeploy

[yumetodo]

CIはtravis ciなりshippableなり好きなCIサービスを使えばいい。

[dev3310]

まだまだ勉強不足の身で大変恐縮です。ありがとうございます。

gitで自動コンパイルしてくれるのにコンパイル後のファイルまでpushするのはスマートではないのかな？
変換後のcssまでpushしたらサイズが大きくなってしまうな…
と気にしていたのですが、そこは特に考慮しなくても大丈夫なのでしょうか。

CIからgitへのpushは試したことがなかったので、試行錯誤しながら色々な環境を試してみたいと思います。

[yumetodo]

GBオーダーに生成物がなるならそうですが、そうでもないなら誤差です。