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


(您可以从以下网址获取代码: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