4

私の Visual Studio 2013 アプリは、BundleTransformer ( http://bundletransformer.codeplex.com )を使用してバンドルされている LESS を使用します。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 変更の保存を有効にする」オプションをオフにしましたが、気にしません。または、Chrome 開発者ツールで Javascript を頻繁に変更して保存したいので、LESS ファイルのみの保存を無効にします。

2)保存したい場合(私はそうしています)、コンパイルされたアプリの代わりに、アプリ、BundleTransformer、および/またはブラウザ(Chrome)を(開発中に)元のソースファイルにマップするように構成する方法はありますか。以下?

私も Web Essentials 2013 (1.8.5) を使用していますが、VS で LESS を表示するためだけに使用しています。

Chrome はアプリのワークスペースにマップされています。https://developers.google.com/chrome-developer-tools/docs/settings#workspace

4

1 に答える 1