保存由less.js生成的.css文件

Question

我知道不建議使用less.js來編譯生產網站上的.css，但是我必須這樣做，而不是使用第三方編譯器（我發現它比通用編譯更有用）。問題是如何達到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) 
});