lessのサンプル
Contents
lessファイル構成
- header,footer
- sytle 変数
- lib 関数
- common headerなどの共通部分を@importで読み込む共通モジュール
- top ページ自体 commonを@importで読み込む
commonで全部読み込み、それをtopが読み込む。topで読み込めばすべてコンパイルされる。例えばheaderのcssもtopの中にはかれる。
ソース
https://github.com/umanari145/css/commits/master
注意点
- 実務ではオートコンパイル(保存した瞬間にコンパイル)しないとスピード的に難しい。
- import呼び出し側で記述しておけばそこだけコンパイルすれば呼び出される側(この場合、commonやstyle,lib,header,footer)も自動でコンパイルされるので、極論呼び出しもとだけコンパイルすればOK。