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

回答