この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 5870|答える: 2

[出典] 実用的な操作方法:System.Web.Optimizationの代わりにBundleTransformerを使う

[リンクをコピー]
2022年11月12日 11:05:08に投稿 | | | |
要件:Microsoft ASP.NET MVCに付属しているSystem.Web.Optimization(Microsoft ASP.NET Web Optimization Frameworkとも呼ばれる)のモジュール拡張は古く、長期間更新されていません(最終更新日:2014/2/20。修正されていないバグがいくつかありますBootstrap 4を導入するとエラーが発生し、サードパーティのバンドルトランスをデフォルトに置き換えます。

バンドル圧縮について:ハイパーリンクのログインが見えます。

System.Web.Optimization:F:\...\packages\Microsoft.AspNet.Web.Optimization.1.1.3\lib\net40\System.Web.Optimization.dll

NuGetアドレス:ハイパーリンクのログインが見えます。

System.Web.OptimizationはBootstrap 4をバンドルすると以下のエラーを出します:

/* 未能缩小。正在返回未缩小的内容。
(6,10):実行時エラー CSS1062:予想されるセミコロンまたは閉じる巻き取りで「-」が見つかりました
(6,25):実行時誤差 CSS1062:予想されるセミコロンまたは閉じる巻き取り置き、「-」が見つかりました。
(6,42):実行時誤差 CSS1062:予想されるセミコロンまたは閉じる巻き取り置き、「-」が見つかった
(6,59):実行時エラー CSS1062:予想されるセミコロンまたは閉じる巻き括り、「-」が見つかりました
(6,74):実行時誤差 CSS1062:期待されるセミコロンまたは閉じる巻き取り置き、「-」が見つかりました。
(6,88):実行時誤差 CSS1062:予想されるセミコロンまたは閉じる巻き取り置き、「-」が見つかりました
(6,105):実行時誤差 CSS1062:予想されるセミコロンまたは閉じる巻き取りで「-」が見つかりました
(6,122): 実行時誤差 CSS1062: 予想されるセミコロンまたは閉じる巻き取り詞、見つかった '-'
(6,138): 実行時誤差 CSS1062: 期待されるセミコロンまたは閉じる巻き取りつき、見つかった '-'
(6,153): 実行時エラー CSS1062: 期待されるセミコロンまたは閉じる巻き取り括り、見つかった '-'
(6,168): 実行時誤差 CSS1062: 予想されるセミコロンまたは閉じる巻き括り、「-」が見つかった
(6,181):実行時誤差CSS1062:予想されるセミコロンまたは閉じる巻き取り置き、「-」が見つかりました。
(6,196):実行時誤差 CSS1062:予想されるセミコロンまたは閉じる巻き括り、「-」が見つかりました。
(6,216):実行時誤差 CSS1062:予想されるセミコロンまたは閉じるカーリーブレース、見つかった
(6,234): 実行時誤差 CSS1062: 予想されるセミコロンまたは閉じる巻き取り字、見つかった '-'
(6,254): 実行時誤差 CSS1062: 期待されるセミコロンまたは閉じる巻き取り置き、「-」が見つかりました
(6,272):実行時誤差CSS1062:予想されるセミコロンまたは閉じる巻き括り、「-」が見つかりました。
(6,287):実行時誤差 CSS1062:予想されるセミコロンまたは閉じる巻き括り、見つかった '-'
(6,305): 実行時誤差 CSS1062: 予想されるセミコロンまたは閉じる巻き取りつき、見つかった '-'
(6,322): 実行時誤差 CSS1062: 期待されるセミコロンまたは閉じる巻き取り置き、「-」が見つかりました
(6,338): 実行時誤差 CSS1062: 予想されるセミコロンまたは閉じる巻き起こし、見つかった '-'
(6,353):実行時誤差 CSS1062:予想されるセミコロンまたは閉じる巻き括り、見つかった '-'
(6,371): 実行時誤差 CSS1062:予想されるセミコロンまたは閉じる巻き取りつき、見つかった '-'
(6,393): 実行時誤差 CSS1062: 期待されるセミコロンまたは閉じる巻き取り置き、「-」が見つかりました
(6,415): 実行時誤差 CSS1062: 期待されるセミコロンまたは閉じる巻き取り置き、「-」が見つかりました
(6,437): 実行時誤差 CSS1062: 期待されるセミコロンまたは閉じる巻き括り、見つかった '-'
(6,460): 実行時誤差 CSS1062: 予想されるセミコロンまたは閉じる巻き取り置き、「-」が見つかりました
(6,644): 実行時エラー CSS1062: 期待されるセミコロンまたは閉じる巻き取りで、見つかった '-'
*/
/*!
* Bootstrap v4.1.3 (https://getbootstrap.com/)
* 著作権 2011-2018 ザ・ブートストラップ・オーサーズ
* 著作権 2011-2018 Twitter, Inc.
* MITのライセンス(https://github.com/twbs/bootstrap/blob/master/LICENSE)


バンドルトランスフォーマー

Bundle Transformer - System.Web.Optimization(Microsoft ASP.NET Web Optimization Frameworkとも呼ばれる)のモジュラー拡張です。 Bundle Transformerのコアに含まれ、IBundleTransformインターフェースを実装するStyleTransformerおよびScriptTransformerクラスです。 これらは標準クラスであるCssMinifyとJsMinifyの代替として設計されています。

StyleTransformerとクラスおよび標準実装のScriptTransformerの主な違いは、ディレクトリからアセットを追加する際に不要なアセットを除外できること、事前ミニファイドされたアセットのリスケーリングを生み出さないこと、CSSコード内でUrlRewritingCssPostProcessorを用いて相対パスを絶対パスに自動変換できる点などです。 これらのクラスは実行時にコードの最小化を生成しませんが、minifierモジュールをインストールすることでこの機能を追加できます(現在利用可能なモジュールはMicrosoft AjaxのMinifier、YUI Compressor for .NET、NUglify、Google Closure Compiler、Douglas CrockfordのJSMin、Dean EdwardsのPackerなどをベースにしています)。 Mihai BazonによるUglifyJS、Sergey KryzhanovskyによるCSSO(CSS Optimizer)、WebGrease、Clean-cssなどがあります。 さらに、中間言語(LESS、Sass、SCSS、CoffeeScript、TypeScript、Mustache(Hogan使用)、Handlebars)でのコード翻訳を実現する翻訳モジュールをインストールすることも可能です。 これに加えて、バンドルトランスフォーマーには第三のタイプのモジュール、すなわちポストプロセッサがあります。 ポストプロセッサはトランスレーターの後、コンプレッサーの前に動作します。 現在利用可能なポストプロセッサは、URL Rewrite CSS Postprocessor(コアに含まれている)およびAndrey SitnikのAutoprefixerに基づくPostprocessorモジュールです。

GitHubアドレス:ハイパーリンクのログインが見えます。
ドキュメントチュートリアル:ハイパーリンクのログインが見えます。

BundleTransformer.Coreはバンドル機能のみを提供し、圧縮難読化などの機能は利用できません圧縮やその他の関数を他のモジュールに導入する必要がある場合、本記事ではBundleTransformer.NUglify拡張モジュールはバンドルされたCSSおよびJS出力を圧縮します。

BundleTransformer.NUglifyには2つのミニファイアアダプターが含まれています:「NUglifyCssMinifier」(CSSコードのミニチュア化用)と「NUglifyJsMinifier」(JSコードのミニチュア化用)。 これらのアダプターはミニファイションを実行します(https://github.com/trullock/NUglify).
したがって、プロジェクトは以下のNuGetコマンドで直接BundleTransformer.NUglifyを導入できます。

インストール完了後、以下のコードでBundleConfig.cs構成を変更してください。

ここで、/plugins/site/loginのリンク、cssリソースにアクセスし、圧縮されていませんまた、web.configの設定を変更して「NUglifyCssMinifier」をデフォルトのCSSミニファイアプログラムにする必要があります。

UrlRewritingCssPostProcessor:CSSコードなどで相対パスを絶対パスに自動変換する機能。

web.configファイルを見つけてください/configuration/bundleTransformer/core/cssノードは以下のように修正されました:

完全な構成は以下の通りです:

(終わり)





先の:[実戦]。 NET/C#アプリケーションのクラッシュや例外は自動的にDMPダンプファイルを生成します
次に:ネットワークカードも仮想化できますか? ネットワークカード仮想化技術Macvlanの詳細な説明
2022年11月15日 18:23:22に投稿 |
少し学んでみて
 地主| 2023年7月10日 18:35:50に投稿 |
ASP.NET コア(12)フロントエンドJS、CSSバンドル、圧縮
https://www.itsvse.com/thread-10282-1-1.html

Asp.net MVC BundleはすべてのCSSファイルをまとめてパッケージ化します
https://www.itsvse.com/thread-4921-1-1.html
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com