Less 와치모드 사용하기

LESS watch mode

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

1 적용방법

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

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

2 적용예시

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

<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>

• 콘솔 내용

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 같이 보기

• LESS 시작하기
• LESS

4 참고

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