如何向less解析器注入带参数的.less文件

// 引入less.js解析器
import less from 'less';

// 读取和解析.less文件
fetch('styles.less')
  .then(response => response.text())
  .then(lessCode => {
    // 注入参数
    const variables = {
      primaryColor: '#ff0000',
      fontSize: '16px'
    };
    less.modifyVars(variables);

    // 编译和应用样式
    less.render(lessCode)
      .then(result => {
        const cssCode = result.css;
        // 将生成的CSS样式应用于网页中的元素
        const styleElement = document.createElement('style');
        styleElement.innerHTML = cssCode;
        document.head.appendChild(styleElement);
      })
      .catch(error => {
        console.error('Failed to compile LESS code:', error);
      });
  })
  .catch(error => {
    console.error('Failed to fetch LESS file:', error);
  });