LESS css变量不起作用

Question

我是LESS的新手，我在开发环境中使用less.js。问题是，当我声明一个变量时，它不会发生任何事情。

@bground: #c0c9c8;
body{
    background-color: @bground;
}

如您所见，@ bground不会传递它的值。如果我把直接值放在一边，这就证明了.less是正确设置的。我正在使用最新版本的Chrome并在Mac上本地运行。一切都在起作用，除了变量。如果没有变量，我就无法使用LESS功能。

Answer 1

如果您正在使用apache，请在根文件夹中创建.htaccess文件，如果您已有文件，只需添加以下行：

AddType text/css .less

这将告诉apache为.less文件发送正确的内容类型标头

Answer 2

请确保您在页面中加载了更少的js文件，以容纳更少的文件。

使用

<script src="//cdn.jsdelivr.net/npm/less" ></script>

为此。

还在加载较少的文件时，请使用以下语法

<link rel="stylesheet/less" type="text/css" href="dist/css/<your less file>.less" />

确保如上所述，在标签上使用rel和type属性。