カテゴリー:
LESS
閲覧数:651 配信日:2014-10-30 19:28
処理の流れ
.less -> lessc -> .css
styles.less -> lessc -> styles.css
▼/var/www/lib/less/less_lessons/styles.less
@mycolor: red;
h1{
font-size: 24px;
color: @mycolor;
}
h2{
font-size: 20px;
color: @mycolor;
}
styles.less を styles.css へ変換
・失敗
$ lessc styles.less styles.css
lessc: ENOENT, open '/var/www/lib/less/less_lessons/styles.less'
$ sudo chown -R ★★:★★ /var/www/lib/less/less_lessons
[sudo] password for ★★:
styles.less を styles.css へ変換(再挑戦)
・成功
$ lessc styles.less styles.css
▼/var/www/lib/less/less_lessons/styles.cssh1 {
font-size: 24px;
color: #ff0000;
}
h2 {
font-size: 20px;
color: #ff0000;
}styles.less を styles.css へ変換(圧縮オプション付与)
$ lessc -x styles.less styles.css
▼/var/www/lib/less/less_lessons/styles.cssh1{font-size:24px;color:#f00}h2{font-size:20px;color:#f00}