내 Visual Studio 2013 앱은 BundleTransformer (http://bundletransformer.codeplex.com)를 사용하여 번들로 제공되는 LESS를 사용합니다. LESS 파일은 전체 앱에서 단일 앱으로 가져옵니다. 이 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 개발자 도구를 열어 CSS를 변경하면 브라우저 링크가 자동으로 변경 사항을 app.less에 저장합니다. 아래처럼 보이는 원래 app.less는 이제 브라우저가로드 한 전체 컴파일 된 버전입니다.
// app.less
@import "bootstrap/bootstrap.less";
@import "app/common/layout/header.less";
@import "app/common/layout/footer.less";
1) 브라우저 링크가 자동으로 저장되지 않도록하려면 어떻게해야합니까? "Enable F12 Save Changes"옵션을 해제했지만 상관 없습니다. 또는 Chrome 개발자 도구에서 Javascript를 자주 수정하고 저장하려면 LESS 파일 만 저장하지 않도록 설정하십시오.
2) 저장하고 싶은 경우 (개발 중) 내 앱, BundleTransformer 및/또는 Chrome (Chrome)을 원본 소스 파일에 매핑하도록 구성 할 수 있습니까? 컴파일 된 앱의.
저는 Web Essentials 2013 (1.8.5)도 사용하고 있지만 VS에서 LESS를보기위한 용도로만 사용됩니다.
크롬이 내 앱 작업 영역에 매핑되었습니다. https://developers.google.com/chrome-developer-tools/docs/settings#workspace