В моем приложении 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