Visual Studio Browser Link + Chrome开发人员工具

我的Visual Studio 2013应用程序使用LESS，它使用BundleTransformer（http://bundletransformer.codeplex.com）捆绑在一起。 LESS文件跨整个应用程序导入到一个应用程序中。这个app.less文件被捆绑在一起。Visual Studio Browser Link + Chrome开发人员工具

// Bundles 
using BundleTransformer.Less; 
... 
var cssBundle = new Bundle("~/bundles/less"); 
cssBundle.Include("~/content/less/app.less");

使用这种方法，Chrome（和其他浏览器）只能看到最终的app.less。当我打开Chrome开发人员工具并即时更改CSS时，Browser Link会自动将更改恢复为无应用程序。原来的app.less，看起来像下面这样，现在是浏览器加载的整个编译版本。

// app.less 
@import "bootstrap/bootstrap.less"; 
@import "app/common/layout/header.less"; 
@import "app/common/layout/footer.less";

1）如何防止浏览器链接自动保存？我关闭了“启用F12保存更改”选项，但它并不在意。或者仅禁用LESS文件保存，因为我经常在Chrome Developer工具中修改Javascript并希望保存。

2）如果我确实想要保存（我这样做），有没有办法将我的应用程序，BundleTransformer和/或我的浏览器（Chrome）映射到原始源文件（在开发过程中）的编译app.less？

我也在使用Web Essentials 2013（1.8.5），但只是在VS中查看LESS。

禁用VS BrowserLink

<appSettings> 
    <add key="vs:EnableBrowserLink" value="false"/> 
</appSettings>

2014-11-05 16:00:13

回答