Сохраните файл.css, созданный less.js

Я знаю, что не рекомендуется использовать less.js для компиляции.css на производственном веб-сайте, однако мне пришлось сделать это по какой-то причине вместо использования сторонних компиляторов (которые я считаю более чем полезными для компиляции общего назначения). Вопрос в том, как мне достичь стилей CSS, созданных компилятором less.js (например, сохранить их в другом файле)? Ниже показано, как я должен был скомпилировать мои меньше файлов:

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

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)
});
Другие вопросы по тегам