8
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

WindowsでLessコンパイラを使う

Posted at

LessのコンパイラlesscをWindows機(Windows 7)にインストールした際のメモです。

おおまかな手順

  1. Node.jsをインストールする
  2. lesscをインストールする
  3. コンパイルする

詳細な手順

1. Node.jsをインストールする

1.1 バージョン管理ツールnodistをインストールする

Node.jsはバージョンアップが頻繁なので、バージョン管理ツールnodistを使ったほうが良いらしい、というブログ記事に従って入れてみた。単にインストールするだけなら、公式サイトのインストーラーで入れた方が早いのかもしれない。

GitHubからクローン。(あるいはZIPをDL、展開。)

> git clone git://github.com/marcelklehr/nodist.git

クローンしたものがnodistの実行ファイル一式となる。
nodist\binにパスを通す。

パスが通っているのを確認。

> nodist -v
0.4.8

npmや依存ファイルを最新化するために下記を実行する。

> nodist update

1.2 nodistでnode.jsをインストールする

下記で安定版がインストールされる。

> nodist stable

確認してみる。

> node -v
v0.10.28

2. lesscをインストールする

> npm install -g less

npmはnode.jsのパッケージ管理ツール。オプション-gはnode.js環境でグローバルにパッケージをインストールするという意味。

3. コンパイルする

> lessc [入力ファイル(.less)] > [出力ファイル(.css)]

出力をminifyしたい場合は、-xあるいは--clean-cssオプションを使う。

#参考
WindowsでNode.js(npm)触るならnodistを使うといいかもしれない

8
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?