我是否需要在 bundleconfig asp.net mvc 中添加所有 javascript 和 css 链接？

Question

在我的项目中，我有很多 javascript link 和 css link 我不知道，我可以将所有这些都添加到 bundle-配置？当然，这是管理区，我还有一个用户区。

这是管理区

<script src="~/Areas/admin/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="~/Areas/admin/assets/global/plugins/moment.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>

<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN THEME GLOBAL SCRIPTS -->
<script src="~/Areas/admin/assets/global/scripts/app.min.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="~/Areas/admin/assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN THEME LAYOUT SCRIPTS -->
<script src="~/Areas/admin/assets/layouts/layout2/scripts/layout.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
<script src="~/Areas/admin/assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>

Answer 1

是的，您可以根据需要向捆绑包中添加任意数量的文件，这样做对您有好处，因为它可以减少浏览器为加载您的页面而必须发出的请求数。

例如：

bundles.Add(new ScriptBundle("~/bundles/adminScripts").Include(
          "~/Areas/admin/assets/global/plugins/jquery.min.js",
          "~/Areas/admin/assets/global/plugins/bootstrap/js/bootstrap.min.js",
          "~/Areas/admin/assets/global/plugins/js.cookie.min.js"))

然后在您的页面上：

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

我是否需要在 bundleconfig asp.net mvc 中添加所有 javascript 和 css 链接？

do I need to add all of the javascript and css links in bundleconfig asp.net mvc?

asp.net-mvc

bundle