Visual Studio Browser Link + Инструменты разработчика 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) Как запретить автоматическое сохранение ссылки на браузер? Я отключил опцию "Включить 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
1 ответ
Отключить VS BrowserLink
<appSettings>
<add key="vs:EnableBrowserLink" value="false"/>
</appSettings>