如何实现服务器端less主题？

编程问答 2022-05-03

问题描述

我需要像这样从服务器端更改主题：

useEffect(()=>{
  const themeFromServer = {
    primaryColor:'d02a02'
  }
  //refresh .less file but not refresh page(if possible)
},[])

//then,refresh .less file

.less 文件

@primaryColor: #000000;

.header {
  color: @primaryColor;
}

但我不知道如何刷新 less 文件并更改 less 文件中的变量。或者有没有办法在 .less 文件中使用 javascript 变量，如下所示：


@import client from './somewhere'

function getPrimaryColor = (client) =>{
    switch (client) {
        case 'A':
    return 'red'
            break;
        case 'B':
    return 'blue'
            break;
    }
    default:
    return 'black'
}

@primaryColor:getPrimaryColor();


.header {
  color: @primaryColor;
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptlessreactjsreactjsreactjsreactjs