LESS,Dotless和Visualstudio

时间:2013-08-20 13:08:37

标签: visual-studio-2012 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>

http://lesscss.org/

下载Less脚本文件

我的文件结构:enter image description here

结果:

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

Index

当我通过Package Manager安装dotless时,一切都很完美。

我的问题是如果没有Dotles,我需要运行什么?我没有安装Dotless或使用它的问题。我只是想知道为什么LESS给出错误的缺失链接。为什么文件出现时会出现404错误?

1 个答案:

答案 0 :(得分:0)

Dotless将.less编译为.css。因此,您需要添加对Dotless编译的结果.css的引用。您还希望从代码中删除此行。

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