Chrome中的LESS不能替代变量

Question

我在本地运行LESS（或尝试）。我正在运行OSX，但我认为这不重要。我使用以下内容允许它在本地运行：

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome -allow-file-access-from-files

我在网站加载时得到这个：

less: parsed file://localhost/Users/dir/Website/ver_2/styles.less successfully. less-1.3.1.min.js:8
less: css for file://localhost/Users/dir/Website/ver_2/styles.less generated in 16ms less-1.3.1.min.js:8
less: css generated in 17ms less-1.3.1.min.js:8

所以看起来它设置正确。当我尝试使用简单的预处理器子时，Chrome会忽略它并在开发人员工具中显示无效的属性值：

@color: black;
body > .container{background-color: @color;}

有关如何解决此问题的任何建议？ 谢谢！

Answer 1

解决：导入时需要使用rel =“stylesheet / less”而不是rel =“stylesheet”。扩展（.less或.css）似乎是任意的。