css - 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>

为了那个原因。

此外，在加载您的 less 文件时，请使用以下语法

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

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