第24章捆綁包

時間 2019-11-17

標籤捆綁简体版

原文原文鏈接

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－javascript

說明：此篇爲當前系列的最後一篇，關於面向移動設備、WEB API 等內容暫時不學。在後面將開發實戰項目。css

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－html

1、腳本和樣式捆綁包java

　　位置　　：/App_Start/BundleConfig.csjquery

　　命名空間：System.Web.Optimizationweb

　　　　RegisterBundles靜態方法會在應用程序第一次啓動時，經過Global.asax中Application_Start方法調用ajax

　　　BundleConfig.RegisterBundles(BundleTable.Bundles)安全

　　　　建立新的捆綁包時，就是建立StyleBundle或ScriptBundle類的實例，經過構造器參數引用捆綁包路徑。框架

　　爲了防止衝突，最安全的方式是以~/bundles或~/Content做爲起始路徑。ui

　　定製捆綁包的配置：

bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/*.css"));

            bundles.Add(new ScriptBundle("~/bundles/clientfeaturesscripts").Include(
                "~/Scripts/jquery-{version}.js",
                "~/Scripts/jquery.validate.js",
                "~/Scripts/jquery.validate.unobtrusive.js",
                "~/Scripts/jquery.unobtrusive-ajax.js"
                ));

提示：web.config中complilation，true表示常規版，false表示壓縮版

注：MVC 框架處理捆綁包中的{version}時，會智能忽略 IntelliSense文件，且確保Scripts文件夾中只有一種版本的JQuery。

運用捆綁包：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")

</head>
<body>
    @RenderBody()

    @Scripts.Render("~/bundles/clientfeaturesscripts")


    @RenderSection("scripts", required: false)
</body>
</html>

使用Scripts小節：

@section scripts
{
    <script src="~/Scripts/Home/MakeBooking.js" type="text/javascript"></script>
}

源代碼：http://yunpan.cn/ccbVkY7qzC7ID 訪問密碼 077a

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

第24章 捆綁包

第24章捆綁包