node.js 8 less

// 定义变量
@primary-color: #1890ff;

// 嵌套规则
.container {
  width: 100%;
  padding: 20px;

  .header {
    background-color: @primary-color;
    color: white;
    padding: 10px;
  }
}

// 混合
.border-radius(@radius) {
  border-radius: @radius;
}

.button {
  .border-radius(5px);
  padding: 10px;
}

npm install less --save-dev

const less = require('less');
const fs = require('fs');

const inputFilePath = 'styles.less';
const outputFilePath = 'styles.css';

fs.readFile(inputFilePath, 'utf8', (err, data) => {
  if (err) {
    return console.error('Error reading file:', err);
  }

  less.render(data, { paths: [__dirname] }, (err, output) => {
    if (err) {
      return console.error('Error compiling Less:', err);
    }

    fs.mkdirSync(__dirname + '/css', { recursive: true });
    fs.writeFile(outputFilePath, output.css, (err) => {
      if (err) {
        return console.error('Error writing file:', err);
      }
      console.log('Less compiled successfully!');
    });
  });
});