サーバー上のsass,scssを自動的にcssにコンパイルする方法ってありますか？

Question

調べてもローカルで自動でcssにコンパイルしたのを
サーバー上に自動的にアップする方法しか出てきません。

サーバー上のsassディレクトリを監視して、
同じくサーバー上のcssディレクトリにcss形式でコンパイルする方法が知りたいです。

CSSの縮小化の自動コンパイルは沢山方法があるのに
sassのサーバー上のコンパイルについては全くないです。

Answer 1

サーバー上のsassディレクトリを監視して、

同じくサーバー上のcssディレクトリにcss形式でコンパイルする方法が知りたいです。

ローカル同様にNode.jsでwatchすれば、可能なことは可能だとは思います。

ただ、それ以上に問題なのは、どうしてそのような構造にしたいかのほうです。サーバ上のSCSSの更新はそんなに頻繁に行われるものではないでしょうし、watchさせるよりサーバへのアップロードプロセスの中で処理を行ってしまうほうが、たいていの状況においては合理的です。

Comments

[wakaba]

まずCSSファイル自体がそれ単体で機能していてコンパイルが必要のないものです。
ローカルでコンパイルしなければ機能しないというのはWebで扱うファイルとしてどうなのかなあという感想です。
jsもphpもjsonも全部サーバー上で動きます。
更新する頻度がどうこうという話ではないと思います。

[maisumakun]

逆に聞きますが、「それ単体で機能していてコンパイルが必要のないもの（結果として生成するCSSファイル）」を、わざわざサーバのリソースを使って動的に生成する必要はないですよね？

[wakaba]

おっしゃる通りですね。
個人的にサーバー側に構成するファイルが揃っていて完結してないと気持ち悪いなあと思った次第です。
じゃあ画像作ったのならPSDとかXdファイルもアップするのかよ、って話になっちゃいますけど。
まあ、やっぱり気持ち悪いと感じます。

[wakaba]

scssで書いてる以上はscssで書いたcssファイルはscssに依存してるのだから「コンパイルが必要のないもの」という認識はどうかと思いますが。
ローカル環境でscssをコンパイルしているなら、結局そのcssファイルはコンパイルが必要なファイルかと。リソース云々はその通りですが言い方がちょっと引っかかりました。

[maisumakun]

これまでのやり取りとは別件ですが、最近は、JavaScriptもCSSも、直接書かないことが多くなってしまっている、なんていう事情もあります。

[wakaba]

なんかローカル環境とサーバーの間でファイル内容が剥離していくのが気に入らないっていう感情があるんですよね。
どうしようもないんでしょうけど。
ありがとうございました。

Answer 2

うちは、Wordpressでですが、scssphp使って
「管理者としてログインしているユーザーがページを閲覧したときは、
そのページのcssの元になっているscssがcssより新しかった場合コンパイルする」
ってやり方をしてます

ssh弄ってどうこうとかしなくていいし実装楽です

Comments

[wakaba]

ありがとうございます、参考になります。