Приложение My Visual Studio 2013 использует LESS, который поставляется в комплекте с использованием BundleTransformer (http://bundletransformer.codeplex.com). МЕНЬШИЕ файлы импортируются по всему приложению в одно приложение. Этот файл app.less затем вставляется в комплект.Visual Studio Browser Link + Chrome Инструменты для разработчиков
// Bundles
using BundleTransformer.Less;
...
var cssBundle = new Bundle("~/bundles/less");
cssBundle.Include("~/content/less/app.less");
С помощью этого метода Chrome (и каждый другой браузер) видит только окончательное приложение. Когда я открываю инструменты 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) Как предотвратить автоматическое сохранение ссылки на браузер? Я отключил параметр «Включить F12 Сохранить изменения», но это все равно. Или отключите сохранение только файлов LESS, так как я часто изменяю Javascript в инструментах разработчика Chrome и хочу сохранить.
2) Если я действительно хочу сохранить (что я делаю), есть способ настроить мое приложение, BundleTransformer и/или мой браузер (Chrome) для сопоставления исходным исходным файлам (во время разработки), вместо этого от скомпилированного приложения.
Я также использую Web Essentials 2013 (1.8.5), но только для просмотра LESS в VS.
Хром отображается в рабочем пространстве моих приложений. https://developers.google.com/chrome-developer-tools/docs/settings#workspace