LESS、Dotless 和 Visualstudio答案

【问题标题】：LESS, Dotless and VisualstudioLESS、Dotless 和 Visualstudio
【发布时间】：2013-09-26 20:31:48
【问题描述】：

我今天从 LESS 开始。它看起来很棒，我很快就会在实习中需要它。

我的less码：

@color: #4D926F;

body {
    background-color: @color;
}

没什么特别的。

我的html：

<!Doctype HTML>
<html>
<head>
    <title>@ViewBag.Title</title>

    <link href="@Url.Content("~/Content/style.less")" type="stylesheet" rel="stylesheet/less" />
    <script src="@Url.Content("~/Scripts/less-1.4.1.min.js")" type="text/javascript"></script>

</head>
<body>
    @RenderBody()
</body>
</html>

Less脚本文件从http://lesscss.org/下载

我的文件结构：

结果：

FileError: 'http://localhost:58123/Content/style.less' wasn't found (404)
in style.less

Index

当我通过包管理器安装 dotless 时，一切正常。

我的问题是我需要什么才能在没有 Dotles 的情况下运行它？我没有安装 Dotless 或使用它的问题。我只想知道为什么 LESS 会给出该错误的缺失链接是什么。为什么文件存在时会出现 404 错误？

【问题讨论】：

标签： visual-studio-2012 less

【解决方案1】：

Dotless 将 .less 编译为 .css。因此，您需要添加对 Dotless 编译的结果 .css 的引用。你也想从你的代码中删除这一行。

<link href="@Url.Content("~/Content/style.less")" type="stylesheet" rel="stylesheet/less" />

【讨论】：

如果我删除该行，它就不再起作用了。你说我应该添加生成的css。我在哪里可以找到它？
如果我没记错的话它应该编译到与.less相同的目录中，所以在你的情况下是内容。如果不是这种情况，您可以随时关注these instructions 并在项目外部编译 .less，然后将生成的 .css 引入您的项目中，然后引用它。