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

Question

我的Visual Studio 2013应用程序使用LESS，它使用BundleTransformer（http://bundletransformer.codeplex.com）捆绑在一起。 LESS文件在整个应用程序中导入到单个app.less中。然后捆绑这个app.less文件。

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

使用此方法，Chrome（以及其他所有浏览器）只能看到最终的app.less。当我打开Chrome Developer工具并动态更改CSS时，Browser Link会自动将更改保存回app.less。原来的app.less，看起来像下面的内容，现在是浏览器加载的整个编译版本。

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

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

2）如果我想保存（我这样做），有没有办法配置我的应用程序，BundleTransformer和/或我的浏览器（Chrome）映射到原始源文件（开发期间），而不是编译的app.less？

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

Chrome已映射到我的应用工作区。 https://developers.google.com/chrome-developer-tools/docs/settings#workspace

Answer 1

禁用VS BrowserLink

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