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

Question

我知道不建议在生产网站上使用 less.js 来编译 .css，但是我不得不这样做是有原因的，而不是使用第三方编译器(我发现它对一般用途非常有用编译)。问题是我如何获得 less.js 编译器生成的 css 样式(例如，将它们保存在不同的文件中)？下面是我必须如何编译我的 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>

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)
});