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

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

1 个答案: