要件: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ノードは以下のように修正されました:
完全な構成は以下の通りです:
(終わり)
|