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

Save the .css file generated by less.js

本文关键字:css 文件 less js 保存      更新时间:2023-09-26

我知道不建议在生产网站上使用less.js来编译.css,但是我不得不这样做,而不是使用第三方编译器(我发现第三方编译器对一般目的编译更有用)。问题是我如何达到css样式less.js编译器生成(例如,将它们保存在不同的文件)?下面是我编译less文件的方法:

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

不能通过浏览器保存生成的。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)
});