asp.net-mvc - ASP.NET MVC Bundler 与 webpack Bundling

Question

目前在 ASP.NET MVC 应用程序中工作，在探索了 angular 之后，我对在我的 ASP.NET MVC 应用程序中使用 webpack 进行捆绑和缩小并不感到兴奋。

按照 webpack 指南中的所有步骤，我能够捆绑和缩小 js 文件。

但是当我在我的应用程序中引用包时，它比 ASP.NET 包花费更多的时间。

下面是 ASP.NET 捆绑代码

 bundles.Add(new ScriptBundle("~/bundles/QuickReasonEntryScripts").Include(
                  "~/Scripts/jquery.min.js",
                  "~/Scripts/kendo.all.min.js",
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/ComonLibrary.js",
                  "~/Scripts/Common.js",
                  "~/Scripts/CommonFunctions.js",                      
                  "~/Scripts/QuickReason.Events.js",
                  "~/Scripts/QuickReason.Ajax.js"
          ));

在 cshtml 文件中引用如下

@{
    ViewBag.Title = "QuickReson";
    Layout = null;
}

@* Vendor scripts *@

<script>
    console.log('Page loaded : ' + Date());
</script>

@Styles.Render("~/bundles/QuickReasonEntryStyles")
@Scripts.Render("~/bundles/QuickReasonEntryScripts")

<script src="~/Scripts/bundle.js"></script>

<h2>QuickReson</h2>

以下是请求时间。

Asp.net 捆绑脚本只需要 411 毫秒，而 webpack 捆绑文件需要 2.87 秒



无法理解为什么静态文件需要更多时间。

如何优化这个？我错过了什么吗？

谢谢，
巴德里纳拉亚那

Answer 1

试试这个 - 在构建步骤之前(在 .csproj 中)，将 web pack 生成的包文件添加到 dist 文件夹。使用 Asp.Net bundler 从 dist 文件夹中获取 webpack 捆绑脚本，您最终可以在 html/.aspx 页面中导入 Asp.net 捆绑脚本