javascript - 减少使用 Web Essentials

Question

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

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

1. 您可以预编译它，然后使用 .less 生成的 css
2. 另一个正在使用下面的脚本:

这个

<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 使用无节点编译器并且它始终使用最新版本”所以我认为我不需要安装任何东西。

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

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

---

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

• http://verekia.com/less-css/dont-read-less-css-tutorial-highly-addictive
• http://www.sitepoint.com/a-comprehensive-introduction-to-less/
• http://webdesign.tutsplus.com/articles/get-into-less-the-programmable-stylesheet-language--webdesign-5216
• http://lesscss.org/#using-less

Answer 1

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

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