동적 LESS 스타일시트 로드 LESS.js를 활용하고 싶지만 초기 페이지 로드 후 특정 스타일을 동적으로 로드해야 합니다. LESS 규칙에 따르면 less.js 스크립트 전에 모든 스타일시트를 로드해야 하지만 이 요구 사항을 우회하는 방법을 모색해야 합니다. 동적 스타일시트 로드를 용이하게 하기 위해 LESS.js 버전 1.0.31에서는 솔루션을 도입합니다. less.refreshStyles() 함수는 type="text/less"로 지정된 태그입니다. 이 기능을 구현하려면 다음을 수행하세요.</p> <ol> <li>업데이트된 LESS.js 스크립트(1.0.31 이상)를 포함합니다.</li> <li>동적으로 새 <style> type="text/less"로 태그를 지정하고 <head> 요소.</li> <li>less.sheets.push()를 활용하여 LESS에 새 스타일시트를 등록하세요.</li> <li>less.refreshStyles()를 호출하여 동적 스타일시트를 다시 컴파일하고 통합하세요.</li> </ol>
