Question

我正在开发的应用程序是使用ASP.net MVC和AngularJs开发的。它不是SPA应用程序。我需要对我的JS文件进行捆绑和缩小。我知道如何在“布局页面”上进行操作。为此，我使用了这个Bundling and Minification教程。

但我的问题是如何在每个* .cshtml页面上缩小我的JS文件？当我进行调试时，我需要将JS文件作为无限制。我可以实现吗？任何帮助都将受到高度赞赏。

这是我的“index.cshtml”页面，其中JS文件位于页面底部。我想做Mince这个js文件。

//removed html code for clarity
<script type="text/javascript" src="/Resources/js/controllers/MyTestController.js"> </script>

Answer 1

在ScriptBundle

中添加新的BundleConfig.cs

bundles.Add(new ScriptBundle("~/bundles/yourFile").Include(
  "..." // your file(s)
));

并在你看来

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

Answer 2

1.使用Nuget安装软件包：Install-Package Microsoft.AspNet.Web.Optimization
2.创建BundleConfig类并定义捆绑包：

using System.Web.Optimization;
public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/js").Include(
                  "~/Scripts/*.js"));
        bundles.Add(new StyleBundle("~/bundles/css").Include(
                   "~/Styles/*.css")); 
    } 
}

3.在 global.asax

中的应用程序启动中注册 BundleConfig 类

void Application_Start(object sender, EventArgs e)
{
    BundleConfig.RegisterBundles(BundleTable.Bundles);
}

4.引用HTML文档中的包。
5.通过禁用调试模式启用捆绑参考来源：Bundling and minification without ASP.NET MVC

在每个* .cshtml页面上缩小JS文件

2 个答案: