Less 와치모드 사용하기

LESS watch mode
LESS watch 모드, 와치 모드 사용하기

1 적용방법[ | ]

less.js를 불러들이기 전에 아래와 같이 변수 설정

JavaScript

Copy

<script>
less = { env: "development" };
</script>

2 적용예시[ | ]

LESS 시작하기 예제에 적용한 것
예제: http://zetawiki.com/ex/less/watch-mode.php

html

Copy

<link rel="stylesheet/less" type="text/css" href="first.less">
<script>less = { env: "development" };</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.1.0/less.min.js"></script>

<div id='box1'>box1</div>
<div id='box2'>box2</div>

콘솔 내용

text

Copy

rendered http://zetawiki.com/ex/less/first.less successfully.
css for http://zetawiki.com/ex/less/first.less generated in 21ms
less has finished. css generated in 21ms

3 같이 보기[ | ]

4 참고[ | ]

http://lesscss.org/usage/#using-less-in-the-browser