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

【问题标题】：Save the .css file generated by less.js保存less.js生成的.css文件
【发布时间】：2021-07-22 04:24:24
【问题描述】：

我知道不建议在生产网站上使用 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>

【问题讨论】：

标签： javascript html css less

【解决方案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)
});

【讨论】：