浏览器链接+更少？有用吗？

简体中文 English

(您可以从以下网址获取代码:https://github.com/rmaclean/BrowserLinkAndLESSDemo）

image在约翰内斯堡的技术日，我展示了很多很酷的东西，但是这篇文章是关于两个特别的令人敬畏的技术Browser Link&LESS。在我的演讲中(你可以看它的视频here)我展示了如何使用浏览器链接Web Essentials检测未使用的CSS。一位相当敏锐的与会者后来走到我面前，问我，LESS会怎么样？它做同样的事情吗？

我回去尝试了一下——首先是设置一些不用的CSS并进行测试。一切都按预期进行。

第二步，直接使用较少，所以我用

  • 我用过Nuget拉低LESS.js
  • 我把链接放到了LESS文件中

<head runat="server"><br>
    <title></title><br>
    <link rel="stylesheet/less" type="text/css" href="/Content/Awesome.less" /><br>
    <script src="Scripts/less-1.4.2.min.js"></script><br>
</head>
下一步是使用web.config来配置IIS Express，以便为LESS文件提供服务。为此，我在web.config文件中添加了以下内容:
<system.webServer><br>
  <staticContent><br>
    <mimeMap fileExtension=".less" mimeType="text/css" /><br>
  </staticContent><br>
</system.webServer>

我再次运行了应用程序。你知道发生了什么吗？这一切都成功了——浏览器链接的CSS逻辑检测到了LESS文件中未使用的类，当我点击它时——它直接把我带到了LESS文件中的类Smile