13note.

なんか調べたりまとめたり感想言ったりする語彙力不足及び眠気と戦うブログ

atomでlessファイルを使う

Atomで素朴なhtmlとjavascriptcssの何かを作りたいので、メモ。

  1. Atomのless-autocompileパッケージをインストールする
  2. lessファイルを作り、冒頭に以下を記述する
 // out: main.css, sourcemap: false, compress: true
@charset 'utf-8';
sourcemapとは

lessやcoffeescriptなどコンパイルにより複雑化するファイルを、コンパイル前とマッピングする?と言うものらしい。 参考にする。 SourceMapとは何なのか - コンパイラかく語りき

とりあえず上記の記述のlessファイルを保存実行することで、outに定義されたcssファイルが出力・更新される。 outに対してパスを指定する辺りで何か支障があった気がするが、あったら追記する。

何時も分からなくなるMarkdown…バックスラッシュ三つでpre。1.て書くと採番箇条書き。