問題タブ [bundletransformer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1148 参照

asp.net-mvc-4 - BundleTransformer.Coreスロー実装例外

を使用しようとしていますが、推奨コードを使用BundleTransformer.CoreBundleTransformer.LessてMVC4バンドルをセットアップしようとすると、次の例外が発生しました。

タイプ'BundleTransformer.Core.Orderers.NullOrderer'のメソッド'OrderFiles'には実装がありません。

この例外は、以下を登録するとスローされます。

BundleTransformer.Coreの最新バージョンと直前のバージョンの両方を試しました。

0 投票する
1 に答える
2908 参照

jquery - ASP.NET のバンドルを使用した JQuery スクリプトのレンダリング

バンドルを使用して jquery をレンダリングしようとしています。

BundleConfig.vbとしてjqueryを追加しました

そして、私は追加しました

aspxファイルに.

ファイルのソースコードを見ると、次のようなものが得られます

他のすべてのスクリプトとスタイルを問題なくレンダリングできます。

の他のスクリプト バンドルBundleConfig.vb

jquery と jqueryUI の間の script タグと style タグに追加された style 属性について何か考えはありますか?

0 投票する
1 に答える
1888 参照

c# - BundleTransformer.Less コンテキスト/リクエストに応じて変数を挿入する

System.Web.Optimizationレストランスと組み合わせてのバンドリング機構のご利用をお願い致します。

問題は、同じアプリケーション/サーバーが異なるブランドの Web サイトのページを提供することです。そのため、「SiteContext」に応じて同じ .less ファイルが使用されますが、.less 変数では異なる値を使用する必要があります。したがって、リクエストのコンテキストに応じて、同じ少ないファイルを (再) 使用する必要がありますが、変数は異なります。

私はいくつかの異なる理論を試しました:

3 つのケースすべてで、SiteContext に応じて異なるバンドルをセットアップします。

1 variables.less ファイルをインターセプトするカスタム VirtualPathProviderを使用して、テーマ変数を含む @import ディレクティブを挿入します。

ので、私は持っています:

  • スタイリング ファイル例: header.less (変数ファイルをインポートします)
  • 変数ファイル: variables.less
  • テーマ変数ファイル: variables-theme.less (VirtualPathProvider を介して variables.less に挿入されます)

BundleTransformer キャッシュはこれを同じファイルと見なし、SiteContext を認識しないため、これは機能しません。キャッシュ キーは URL に基づいており、IAssetこの動作に影響を与えることはできません。

2 variables-themed.less によるvariables.less インポートを、Less トランスフォーマーの前に実行されるカスタム トランスフォーマーに置き換えます。

繰り返しますが、同じキャッシングの問題です。

また、副作用として、追加のトランスフォーマーはデバッグで呼び出されませんでした。これは、アセットがバンドルされておらず、 によって個別に呼び出されているためLessAssetHandlerです。これは、必要なすべてのトランスフォーマーを呼び出す独自の AssetHandler を作成することで解決できます。

3カスタム VirtualPathProviderによって解決されるテーマ別アセット名を作成します 。header-themeX.less をバンドルに追加します。このファイルは存在しませんが、このファイルを header.less に解決し、方法 2 を使用して正しい変数ファイルのインポートを設定します。(variables.less のインポートをテーマ バージョンに置き換えます)。

もう一度運がない。内部Bundle.Include(string virtualPath)で行うことがなければ、これでキャッシュの問題を解決できると思います。File.Exists(path)を経由しませんCustomVirtualPathProvider


これを解決するために深く探していますか?System.Web.Optimizationすべてのアイデアを歓迎します。ライブラリの人気が高まるにつれて、これはますます多くの人々にとって問題になると想像できます...

それを念頭に置いて:

  • 多くの .less/css ファイルがあります
  • 5つほどのテーマがあります
  • 私たちはビジュアルスタジオで物事を動かし続けるのが好きです (それが、header.less が variables.less への参照を持っている理由です)

フィードバックをお寄せいただきありがとうございます。

0 投票する
1 に答える
6988 参照

c# - LESS 用バンドル トランスフォーマーと @import の使用

Bundle Transformer: LESS パッケージのバージョン 1.7.27 を使用しています: http://www.nuget.org/packages/BundleTransformer.Less/1.7.27

BundleConfig.cs次に、MVC4 プロジェクトのファイルで以下を実行しようとしていますApp_Start

デフォルトでは、Font Awesome less パッケージにはこれらの @imports がfont-awesome.lessファイルに含まれています

ファイルは、ファイルと同じディレクトリにありfont-awesome.lessます。

バンドルが開始され、次のように表示されます。

しかし、@import ファイルはすべて 404 not found エラーを返します@import。バンドルが実行される前に、元のファイルへの相対位置からルールが最初に処理されると思いました..

何か不足していますか?

0 投票する
1 に答える
184 参照

yui - YUI JS ミニファイヤーのめちゃくちゃなコード

私はBundleTransformer.Yui.Minifiers.YuiJsMinifierをasp.net MVC 4プロジェクトで使用していますが、YUIコンプレッサーのバグだと思います...

BundleTrasformer が YUI コンプレッサー変数 varName を使用してこのコードを縮小および難読化すると、変数 varName が t になり、関数パラメーター t が t のままになるため、varName get は t で上書きされます... チェックアウト コメント付きアラート... 私の質問は、コンプレッサーを変更するか、すべての名前を変更するかです、および2文字の変数をより長い変数に変換しますか? 私は何か間違ったことをしていますか?コードを 1 行変更するだけで問題ないので、YUI コンプレッサーのバグであると確信しています。

PS 1 文字の変数名を使用するのは良い習慣ではないことはわかっていますが、それでも YUI コンプレッサーのバグです... PPS: 私は成功関数内で eval を使用しています。(これも良い習慣ではありませんが、それでも、YUI コンプレッサーはコードを分割すべきではありません :/)

0 投票する
1 に答える
2741 参照

less - Visual Studio ブラウザー リンク + Chrome 開発者ツール

私の Visual Studio 2013 アプリは、BundleTransformer ( http://bundletransformer.codeplex.com )を使用してバンドルされている LESS を使用します。LESS ファイルは、アプリ全体で単一の app.less にインポートされます。その後、この app.less ファイルがバンドルされます。

この方法では、Chrome (および他のすべてのブラウザー) は最終的な app.less のみを認識します。Chrome デベロッパー ツールを開いてその場で CSS に変更を加えると、Browser Link は自動的に変更を app.less に保存します。以下のような元の app.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

0 投票する
3 に答える
952 参照

c# - BundleTransformer.Less が @import ステートメントで変数を解析できない

編集:したがって、これによるとそれは不可能です。これは本当に残念です。インポートで変数をサポートしてバンドルおよび圧縮するライブラリを探す必要があります。

次の LESS を解析するためにBundleTransformer.Lessを取得しようとすると問題が発生します。

そして、次のエラーが発生しています。

ファイルは存在しますが、ご覧のとおり、場所の文字列の変数を解析していません。VS2013 の Web Essentials では、LESS ファイルのコンパイルと CSS の出力に問題はありません。問題は BundleTransformer またはそれを設定した方法にあると思われます。次のバージョンを使用しています。

Umbraco 7 を使用しているため、これらのバージョンを使用する必要があり、Umbraco を壊さずに Newtonsoft.Json を更新することはできません。

私のバンドル構成ファイルは次のようになります。

問題は、Less トランスフォーマーが正しく登録されていないことにあると思いましたが、インストール手順に忠実に従いました。LESS バージョンのドキュメントを参照してください。この問題の解決に役立つ、私が見逃している何かを誰かが見ることができますか、または私が試すことができる何かを誰かが推奨できますか?

すべての助けに感謝します。