問題タブ [bundling-and-minification]
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.
jquery - ASP.NETWebフォーム4.5でのJQueryのバンドル
Visual Studio 2012と組み込みのテンプレート([追加]-> [新しいプロジェクト]の下)を使用して、まったく新しいASP.NETWebフォームWebアプリケーションプロジェクトを作成しました。デフォルトで提供されるSite.Masterページ内に、JQueryをターゲットとするマークアップが表示されます。これは以下に含まれています。
次のマークアップを前提として、ASP.NETはJQueryを含めるために必要なパスをどのように把握しますか?
jqueryを「〜/ Scripts/jquery-1.7.1.js」に解決する構成ファイルまたはコードはどこにもありません。packages.configファイルが表示されますが、何らかの方法で計算する必要のあるパスが明示的に記述されていません。
JQueryのjavascriptファイルへのパスが実行時にどのように解決されるか知っている人はいますか?
asp.net-mvc - Scripts.Renderから除外されたAsp.Net MVC4バンドルと縮小.min.jsファイル?
テーマ ディレクトリ内の .css ファイルと .js ファイルを取得し、それらをバンドルとして動的に登録するためのテーマ HtmlHelper 拡張機能をいくつか作成しました。ただし、テーマに .min.js ファイルしか含まれていない場合、デバッグ モードでは Scripts.Render の出力は空になります。
デバッグモードのときに Scripts.Render の出力に *.min.js ファイルを含める方法はありますか?
jquery - ASP.NET MVC バンドルが複数回読み込まれないようにする
バンドルが既にロードされているかどうかを追跡する組み込みの方法はありますか? たとえば、jquery および jquery.Validate などのライブラリを必要とするいくつかの編集ビューがあります。メインレイアウトページで参照する必要はありません。ページはいくつかの異なる条件付きライブラリで構成されている可能性があるため...理想的には、@scripts.Render に、既にライブラリを参照しているかどうかを認識させ、そのリロードを防止したいと考えています。
乾杯ティム
asp.net-mvc-4 - ASP.NET MVC 4 ScriptBundle が空を返す
具体的には、既に縮小されたスクリプトを使用して MVC 4 で ScriptBundle を作成し、プロジェクトがデバッグ中かどうかに関係なく、この同じバンドルを返そうとしています。
私の Web プロジェクトは、MVC Telerik Grid NuGet パッケージを参照しています。そのパッケージでは、Telerik は縮小された JS ファイルのみを提供します。バンドルコードは以下です。
他の ScriptBundles は問題なく動作しますが、私のプロジェクトがこのバンドルを参照しようとすると、リクエストは次のように表示されますscripts/bundles/telerik?v=
。
を設定BundleTable.EnableOptimizations = true
すると、ScriptBundle が返され、特定のバージョンが参照されますが、この解決策は受け入れられません。
BundleTable.EnableOptimizations = true
必要に応じて、他のすべてのバンドルが縮小されていないバージョンを返すようにするため、 強制的に を設定したくありません。
似たような経験をしたことがある方、もしそうなら解決策は何ですか?
asp.net - ASP.NETMVC4とTwitterブートストラップのバンドル
私はTwitterブートストラップでMVC4の新しいバンドル機能を使用しようとしていますが、cssgetのグリフィコンpngファイルへのパスが何らかの形で台無しになっているように見えます。これが私のコードです:
ボタンなどにアイコンが表示されません。私はここで何か間違ったことをしていますか?助言がありますか?
asp.net - ASP.NET Web フォームの BundleTable は、デバッグ モードでまだバンドルされています。
Microsoft.AspNet.Web.Optimization パッケージの新しいバンドル機能と縮小機能を使用して、.NET 4.5 で実行される ASP.NET Web フォーム アプリケーションを取得しました。
ここまでは、バンドルが 1 つだけの非常にシンプルなセットアップです。
BundleConfig.cs
Global.asax
送信.aspx
<script src="/bundles/send"></script>
これは、web.config で debug が true に設定されているか false に設定されているか を無視して、常に Web ブラウザーでレンダリングされます。
BundleTable.EnableOptimizations = false;
バンドルを強制的にオフにするために BundleConfig.cs に追加しようとしましたが、これは違いはありません。
MVC サイトと同じように次の作業を行うことを検討しています (Microsoft のドキュメントでは、Web フォームも同じであることが示唆されているようです)。
- デバッグ フラグでオン/オフを切り替えるためのバンドルを取得します
- バージョン管理のために、キャッシュバスティング ?v=xxx クエリ文字列を追加します。
css - dotless エンジン パーサーが空の文字列を返す
ASP.Net MVC4 + ブートストラップ (LESS) + dotLess。
目標は、Bootstrap.less
ファイルを の単一のバンドルに変換することであり.css
、ショーストッパーの問題に直面しています。
Bundle.config
赤いフラグの構文の問題がないはずの、ブートストラップの少ないファイルのみ。
LessTransform
次のステップは、css を生成するためにそのトランスフォーマー クラスを構築することでした。
トランスフォーマー クラスは を実装しProcess()
、問題のあるコードは内部に存在します... シナリオとその問題の両方を以下に示します。
シナリオ 1: 静的Less.Parse()
シナリオ 2: LessEngine.TransformToCss()
質問
これらのエラーのいずれかについて洞察を持っている人はいますか? 解決策を知っていますか?どちらも私には意味がありません。ありがとう。
c# - less と css ファイルを一緒にバンドルする
バンドルを使用して、一緒に使用する多数のファイルをグループ化し、ブラウザーへの 1 つの配信にする必要があると思います。これは、たとえば、ルート スタイルの場合、次のようなことをしたいことを意味します。
しかし、これは、LessTransform に渡す前にすべてのファイルを単一の css ファイルに事前にバンドルしているように見えるため、より少ないファイルをバンドルするためのカスタム変換手法ではうまく機能しないようです。私が言えることから、この方法は、少ないファイルをすべてまとめてバンドルした場合にのみ機能します。
バンドルを取得して、less ファイルと css ファイルの両方を同じバンドルに含める方法はありますか?
asp.net-mvc-4 - CSS バンドルと Internet Explorer の制限
jquery ui をバンドルに追加すると、次のようになります。
Internet Explorer には読み込み可能なスタイル シートが 31 に制限されており、そのうち jquery は 12 を使用しています。yui のリセット、ベース、およびフォントを追加します。サイト スタイルまたはプラグイン スタイル シートが読み込まれていない状態で、既に 15 のスタイル シートにいます。
明らかに、生成されるスタイルシートは 1 つだけなので、バンドルされている場合はすべて正常に機能します。私の最初の本能は、 @Import を使用するものを使用することでしたが、それによりバンドルが失敗するか、縮小されません。
スタイルシートを減らす以外に、これに対する最善の回避策は何ですか?
私の現在の解決策は#if DEBUG
構造ですが、より良い方法はありますか?
css - MVC4 スタイル バンドルによる Intellisense
これまでのところ、これに対する質問や修正が見つかりません。私が見逃しているのは単純なものだと確信しています。
縮小された CSS の束を含むスタイル バンドルがあり、内部のクラスで HTML 要素を装飾しています。すべてがうまくいっています。
ただし、Intellisense と ReSharper はどちらも、クラスが不明な CSS について私を悩ませています。これは、バンドルの中をのぞき見ることができないためだと思います。
質問:これを修正する方法はありますか?
更新: Visual Studio 2012。LESS 変換と IntelliSense は、単一の直接参照ファイルに対して機能します。私の状況では、LESS バンドルを参照するとインテリセンスが壊れます。
更新 2:BundleConfig.cs
明確ではないため、これを示すコードを次に示します。
LessTransform() クラスを指定し、組み込みの CSS トランスフォーマーをスキップする必要があるため、Bundle
notを使用していることに注意してください。StyleBundle
LessTransform オブジェクトは、すべての LESS コンテンツを単純に読み取り、それを StringBuilder に連結し、dotless のコンバーターを呼び出すカスタム オブジェクトです。縮小されて返される巨大な CSS 文字列が生成されます。問題は、なぜ VS または ReSharper が返された CSS を覗いて、クラス スタイルをチェックできないのかということです。