ASP.NET の BundleConfig
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicros...
-[[戻る>ASP.NET]]
* 目次 [#zf55c12b]
#contents
*概要 [#q49e8f85]
CSSやJavaScriptなど複数ファイルを、
-一つのファイルにまとめる機能(Bundle)
-空白や不要な文字を削除してファイルサイズを小さくする機能...
*初期設定 [#db21fa11]
以下をインストールする。
Install-Package Microsoft.AspNet.Web.Optimization
*機能と設定 [#j578a062]
[[ASP.NET Web Forms]]と[[ASP.NET MVC]]で機能が若干異なる...
詳しくは下記を参照。
-[[ASP.NET Web Forms の Modernization]]
-[[ASP.NET MVC の Modernization]]
**Bundle & Minification [#pd6e6080]
***機能概要 [#e02521af]
CSSやJavaScriptなど複数ファイルを、
-一つのファイルにまとめる機能(Bundle)
-空白や不要な文字を削除してファイルサイズを小さくする機能...
を使用するには、BundleConfigファイルへの定義が必要になる。
***定義方法 [#m4cddf8c]
基本的に、以下のステートメントを使用して定義を行う。
public static void RegisterBundles(BundleCollection bund...
{
// ( new ScriptBundle("~/XXXX") のパスは実在するpath...
// なので、bundlesと実在しないpathを指定している(CS...
bundles.Add(
new ScriptBundle("~/バンドルしたファイルの仮想バス...
"~/バンドルするファイルの仮想パス 1",
"~/バンドルするファイルの仮想パス 2",
"~/バンドルするファイルの仮想パス 3",
・・・);
定義方法は、[[ASP.NET Web Forms]]と[[ASP.NET MVC]]で若干...
-JSの設定
--[[ASP.NET Web Forms]]では、ScriptBundleクラスとScriptMa...
--[[ASP.NET MVC]]では、ScriptBundleクラスを使用する。
-CSSの設定
--[[ASP.NET Web Forms]]では、Bundle.configを使用する。
--[[ASP.NET MVC]]では、ScriptBundleクラスではなく、StyleB...
詳しくは下記を参照。
-[[ASP.NET Web Forms の Modernization]]
-[[ASP.NET MVC の Modernization]]
**[[CDN>CDN(Content Delivery Network)]]フォールバック [...
***機能概要 [#m94bf6d8]
Webには色々なフォールバックがあるが、
-効果的なフォールバック戦略の作成方法~
https://msdn.microsoft.com/ja-jp/library/hh273396.aspx
このうち、BundleConfigでは、[[CDN>CDN(Content Delivery N...
[[CDN>CDN(Content Delivery Network)]]フォールバックには...
-そのライブラリを、[[CDN>CDN(Content Delivery Network)]...
-他のサイトで同じファイルを使用する場合は、キャッシュを共...
-ライブラリ・ファイルを準備せずにコードを書き始めることが...
***定義方法 [#lb7b88d4]
こちらも、[[ASP.NET Web Forms]]と[[ASP.NET MVC]]で機能が...
詳しくは下記を参照。
-[[ASP.NET Web Forms の Modernization]]
-[[ASP.NET MVC の Modernization]]
**有効・無効の制御 [#h13b6752]
***[[Web.config>.NET config#u3d1af27]]で設定 [#kb77fea9]
デバッグの設定の場合は「無効」になっている。
[[Web.config>.NET config#u3d1af27]]のcompilation要素のdeb...
<compilation debug="true" targetFramework="4.5.2" />
***プロムラムから設定 [#w71ddcc0]
プロムラムから明確に有効・無効を制御できる。
BundleConfig に有効・無効を記述する。
BundleTable.EnableOptimizations = true;
BundleTable.Bundles.UseCdn = true; // 後述のCDNフォール...
*リンクのさせ方 [#xe719b10]
こちらも、[[ASP.NET Web Forms]]と[[ASP.NET MVC]]で機能が...
詳しくは下記を参照。
-[[ASP.NET Web Forms の Modernization]]
-[[ASP.NET MVC の Modernization]]
*参考 [#of22ed28]
-特集:ASP.NET 4.5新機能概説(1):Visual Studio 2012の新...
http://www.atmarkit.co.jp/ait/articles/1303/08/news072_3....
-【ASP.NET MVC】BundleConfigを3点ほど勘違いしていたので...
http://shin21.hatenablog.com/entry/2016/08/10/100000
-Bundling and Minification | The ASP.NET Site~
https://www.asp.net/mvc/overview/performance/bundling-and...
----
Tags: [[:.NET開発]], [[:ASP.NET]], [[ASP.NET Web Forms]],...
終了行:
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicros...
-[[戻る>ASP.NET]]
* 目次 [#zf55c12b]
#contents
*概要 [#q49e8f85]
CSSやJavaScriptなど複数ファイルを、
-一つのファイルにまとめる機能(Bundle)
-空白や不要な文字を削除してファイルサイズを小さくする機能...
*初期設定 [#db21fa11]
以下をインストールする。
Install-Package Microsoft.AspNet.Web.Optimization
*機能と設定 [#j578a062]
[[ASP.NET Web Forms]]と[[ASP.NET MVC]]で機能が若干異なる...
詳しくは下記を参照。
-[[ASP.NET Web Forms の Modernization]]
-[[ASP.NET MVC の Modernization]]
**Bundle & Minification [#pd6e6080]
***機能概要 [#e02521af]
CSSやJavaScriptなど複数ファイルを、
-一つのファイルにまとめる機能(Bundle)
-空白や不要な文字を削除してファイルサイズを小さくする機能...
を使用するには、BundleConfigファイルへの定義が必要になる。
***定義方法 [#m4cddf8c]
基本的に、以下のステートメントを使用して定義を行う。
public static void RegisterBundles(BundleCollection bund...
{
// ( new ScriptBundle("~/XXXX") のパスは実在するpath...
// なので、bundlesと実在しないpathを指定している(CS...
bundles.Add(
new ScriptBundle("~/バンドルしたファイルの仮想バス...
"~/バンドルするファイルの仮想パス 1",
"~/バンドルするファイルの仮想パス 2",
"~/バンドルするファイルの仮想パス 3",
・・・);
定義方法は、[[ASP.NET Web Forms]]と[[ASP.NET MVC]]で若干...
-JSの設定
--[[ASP.NET Web Forms]]では、ScriptBundleクラスとScriptMa...
--[[ASP.NET MVC]]では、ScriptBundleクラスを使用する。
-CSSの設定
--[[ASP.NET Web Forms]]では、Bundle.configを使用する。
--[[ASP.NET MVC]]では、ScriptBundleクラスではなく、StyleB...
詳しくは下記を参照。
-[[ASP.NET Web Forms の Modernization]]
-[[ASP.NET MVC の Modernization]]
**[[CDN>CDN(Content Delivery Network)]]フォールバック [...
***機能概要 [#m94bf6d8]
Webには色々なフォールバックがあるが、
-効果的なフォールバック戦略の作成方法~
https://msdn.microsoft.com/ja-jp/library/hh273396.aspx
このうち、BundleConfigでは、[[CDN>CDN(Content Delivery N...
[[CDN>CDN(Content Delivery Network)]]フォールバックには...
-そのライブラリを、[[CDN>CDN(Content Delivery Network)]...
-他のサイトで同じファイルを使用する場合は、キャッシュを共...
-ライブラリ・ファイルを準備せずにコードを書き始めることが...
***定義方法 [#lb7b88d4]
こちらも、[[ASP.NET Web Forms]]と[[ASP.NET MVC]]で機能が...
詳しくは下記を参照。
-[[ASP.NET Web Forms の Modernization]]
-[[ASP.NET MVC の Modernization]]
**有効・無効の制御 [#h13b6752]
***[[Web.config>.NET config#u3d1af27]]で設定 [#kb77fea9]
デバッグの設定の場合は「無効」になっている。
[[Web.config>.NET config#u3d1af27]]のcompilation要素のdeb...
<compilation debug="true" targetFramework="4.5.2" />
***プロムラムから設定 [#w71ddcc0]
プロムラムから明確に有効・無効を制御できる。
BundleConfig に有効・無効を記述する。
BundleTable.EnableOptimizations = true;
BundleTable.Bundles.UseCdn = true; // 後述のCDNフォール...
*リンクのさせ方 [#xe719b10]
こちらも、[[ASP.NET Web Forms]]と[[ASP.NET MVC]]で機能が...
詳しくは下記を参照。
-[[ASP.NET Web Forms の Modernization]]
-[[ASP.NET MVC の Modernization]]
*参考 [#of22ed28]
-特集:ASP.NET 4.5新機能概説(1):Visual Studio 2012の新...
http://www.atmarkit.co.jp/ait/articles/1303/08/news072_3....
-【ASP.NET MVC】BundleConfigを3点ほど勘違いしていたので...
http://shin21.hatenablog.com/entry/2016/08/10/100000
-Bundling and Minification | The ASP.NET Site~
https://www.asp.net/mvc/overview/performance/bundling-and...
----
Tags: [[:.NET開発]], [[:ASP.NET]], [[ASP.NET Web Forms]],...
ページ名: