asp.net-mvc – 在MVC4中绑定的正确方法

前端之家收集整理的这篇文章主要介绍了asp.net-mvc – 在MVC4中绑定的正确方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有点困惑,正确的方式来捆绑脚本和样式文件.目前,我的BundleConfig.cs看起来像这样:
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
            "~/Scripts/jquery-{version}.js"));

bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
            "~/Scripts/jquery-ui-{version}.js"));

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
            "~/Scripts/jquery.unobtrusive*","~/Scripts/jquery.validate*"));

// Use the development version of Modernizr to develop with and learn from. Then,when you're
// ready for production,use the build tool at http://modernizr.com to pick only the tests you need.
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
            "~/Scripts/modernizr-*"));

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

bundles.Add(new ScriptBundle("~/bundles/knockout").Include(
            "~/Scripts/knockout-{version}.js","~/Scripts/knockout-{version}.debug.js","~/Scripts/knockout-sortable.js"));

bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
            "~/Content/themes/base/jquery.ui.core.css","~/Content/themes/base/jquery.ui.resizable.css","~/Content/themes/base/jquery.ui.selectable.css","~/Content/themes/base/jquery.ui.accordion.css","~/Content/themes/base/jquery.ui.autocomplete.css","~/Content/themes/base/jquery.ui.button.css","~/Content/themes/base/jquery.ui.dialog.css","~/Content/themes/base/jquery.ui.slider.css","~/Content/themes/base/jquery.ui.tabs.css","~/Content/themes/base/jquery.ui.datepicker.css","~/Content/themes/base/jquery.ui.progressbar.css","~/Content/themes/base/jquery.ui.theme.css"));

bundles.Add(new StyleBundle("~/bundles/BootStrapcss").Include(
            "~/BootStrap/css/bootstrap.css","~/BootStrap/css/bootstrap-fileupload.css"));

bundles.Add(new StyleBundle("~/bundles/BootStrap").Include(
            "~/BootStrap/tpg-main.css","~/BootStrap/tpg-internal.css"));

bundles.Add(new ScriptBundle("~/bundles/BootStrapjs").Include(
            "~/BootStrap/js/bootstrap-fileupload.js","~/BootStrap/js/bootstrap.js"));

BundleTable.EnableOptimizations = true;

应该保留我所拥有的,还是将我所有的脚本文件整合到一个ScriptBundle中,将所有的样式整合到一个StyleBundle中?我想实现最佳性能.

解决方法

如果你总是使用所有的文件,而不是把它们粘贴在两个包里;一个用于javascript,一个用于样式.更少的捆绑包意味着更少的请求到服务器获取资源,这可能会导致在第一次打击稍微更好的性能;随后文件将被浏览器缓存.

如果你不总是使用所有的文件,而不是更有意义地将它们分解成更多的包.

猜你在找的asp.Net相关文章