Ссылка на браузер Visual Studio + инструменты разработчика Chrome

В моем приложении 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 и вношу изменения в 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, так как я часто изменяю Javascript в инструментах разработчика Chrome и хочу сохранить.

2) Если я хочу сохранить (что я и делаю), есть ли способ настроить мое приложение, BundleTransformer и/или мой браузер (Chrome) для сопоставления с исходными исходными файлами (во время разработки) вместо скомпилированного приложения. .меньше?

Я также использую Web Essentials 2013 (1.8.5), но только для просмотра LESS в VS.

Chrome сопоставлен с рабочей областью моих приложений. https://developers.google.com/chrome-developer-tools/docs/settings#workspace


person roadsunknown    schedule 18.02.2014    source источник


Ответы (1)


Отключить VS BrowserLink

  <appSettings>
   <add key="vs:EnableBrowserLink" value="false"/>
</appSettings>
person Mario Galeano    schedule 05.11.2014