我的项目需要具有用户可编辑的主题。这意味着用户应该能够更改应用程序中使用的不同颜色。
我已将less.js(版本1.7.0)导入到我的项目中,并且我已经成功地从我的javascript中调用了less.modifyVars()函数,但出于某种原因,我的文件较少,而不是'得到更新。
我的样式表由grunt动态编译。这是HTML头部的代码:
<link rel="stylesheet/less" type="text/css" href="/static/<%= grunt.config.get('pkg.name') %>.css"/>
之后我已经包含了less.js脚本。
然后我用这行代码来修改特定的变量:
less.modifyVars({ '@mainColor': '#CCC' });
我知道它已被成功调用,因为我可以在浏览器控制台中看到它们:
less: parsed http://localhost:3000/static/app.css successfully. less-1.7.0.js:7297
less: css for http://localhost:3000/static/app.css generated in 181ms less-1.7.0.js:7297
less: less has finished. css generated in 182ms
但问题是当我检查所谓的更新的CSS文件时,使用变量@mainColor的不同属性尚未使用新颜色更新。
即使在浏览器控制台中运行该命令也不会更新CSS中的任何内容。
我到处寻找,我不知道还能做什么。关于我可能做错了什么或者我可以做些什么来使这项工作的任何其他想法?