少用 Web Essentials答案

【问题标题】：Less using Web Essentials少用 Web Essentials
【发布时间】：2014-07-15 07:59:37
【问题描述】：

我将在我的 css 中使用 .less。

根据我的理解，有不同的方式来使用 .less。

这个

<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="less.js" type="text/javascript"></script>

或

<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.3/less.min.js"></script>

据我了解，它不需要 css 文件，因为它会在运行后为自己生成一个。

我已经安装了 Web Essentials，很容易遵循第 1 点，因为它在您保存或构建文件时已经生成了文件。不过，我打算用 2 号。

我读过：“Web Essentials 使用无节点编译器，它总是使用最新版本”，所以我认为我不需要安装任何东西。

当我运行它时，我得到了这个错误： 文件错误：_http://localhost:xxxxxx/Content/style.less 未找到 (404)

实际上，当我将 .less 文件放入 href="" 时，VS intellisense 甚至都找不到，所以我还是对其进行了编码。

我已经在 Visual Studio Web Essentials 中研究了这些无人设置。

【问题讨论】：

【解决方案1】：

这是因为 IIS 不知道 .less 文件是什么，因此不会提供它。您需要将以下内容添加到 web.config 的 <system.webServer> 部分：

<staticContent> <remove fileExtension=".less" /> <mimeMap fileExtension=".less" mimeType="text/css" /> </staticContent>

【讨论】：

嘿，我知道你为 vs 2013 开发了 grunt 任务运行器，所以你的回答对我正在做的事情非常有价值，你能把这个问题放在一个高峰吗？ stackoverflow.com/questions/27233301/… 谢谢！

【解决方案2】：

尝试使用this 教程。您必须包含您的 css 文件。像Koala 这样的一些工具会生成您的 css 文件到输出文件夹（Web Essentials 也会这样做）。您必须包含生成的 CSS。如果您使用的是 less.js，则必须在服务器端设置选项（that 您在此网页中看到）。 dotless

【讨论】：

【解决方案3】：

我打算用 2 号。

我绝对建议不要在您的页面上使用 less.js 文件作为脚本。这会减慢您的页面速度，因为您必须下载 js 文件，然后它必须处理您的 less 文件。由于您使用的是 Visual Studio 和 Web Essentials，这完全没有必要，它会为您编译 CSS 文件。

Web Essentials 会根据您的设置在保存或构建时自动为您编译 CSS 文件。然后，您需要做的就是将 CSS 文件添加到您的页面，而不添加 less 文件。

<link rel="stylesheet" type="text/css" href="styles.css">

有关 Web Essentials 中设置的更多信息，请访问 Web Essentials 网站。

【讨论】：

嗨科林！是啊，你说得对。但是，如果我想在我的 web 中添加一个可以在更少的时间内编辑我的变量的功能，它会被更新吗？即使构建和保存仅在 Visual Studio 中完成？
@user1960948 我认为您需要更详细地了解您实际想要做什么。也许这不在这个问题的范围内，应该是一个单独的问题。