less.js에 의해 생성 된 .css 파일을 저장하십시오.

Question

less.js를 사용하여 프로덕션 웹 사이트에서 .css를 컴파일하는 것은 권장되지 않지만 제 3 자 컴파일러를 사용하는 대신 그 이유 때문에 수행해야한다는 것을 알고 있습니다. (나는 범용 컴파일에 유용함을 발견했다). 질문은 입니다. less.js 컴파일러가 생성 한 CSS 스타일에 도달하려면 어떻게해야합니까? (예 : 다른 파일에 저장)? 다음은 적은 파일을 컴파일하는 방법입니다.

<link rel="stylesheet/less" type="text/css" href="assets/less/styles.less" /> 

<script> 
    var less = { 
    modifyVars: { 
     '@brand-primary': 'yellow' 
    } 
    }; 
</script> 

<script src="less.min.js"></script> 

Answer 1

브라우저를 통해 생성 된 .css 파일을 저장할 수 없습니다. PHP 또는 Node.js를 통해 서버 측에서이 작업을 수행해야합니다.

import fs from 'fs'; 
import less from 'less'; 

less.render('.class { width: (1 + 1) }', (error, output) => { 
    fs.writeFile('/path/to/file.css', output) 
});