(您可以从以下网址获取代码:https://github.com/rmaclean/BrowserLinkAndLESSDemo)
在约翰内斯堡的技术日,我展示了很多很酷的东西,但是这篇文章是关于两个特别的令人敬畏的技术Browser Link&LESS。在我的演讲中(你可以看它的视频here)我展示了如何使用浏览器链接Web Essentials检测未使用的CSS。一位相当敏锐的与会者后来走到我面前,问我,LESS会怎么样?它做同样的事情吗?
我回去尝试了一下——首先是设置一些不用的CSS并进行测试。一切都按预期进行。
第二步,直接使用较少,所以我用
<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>
<system.webServer><br> <staticContent><br> <mimeMap fileExtension=".less" mimeType="text/css" /><br> </staticContent><br> </system.webServer>
我再次运行了应用程序。你知道发生了什么吗?这一切都成功了——浏览器链接的CSS逻辑检测到了LESS文件中未使用的类,当我点击它时——它直接把我带到了LESS文件中的类