每个 *.cshtml 页面上的缩小 JS 文件答案

【问题标题】：Minification JS file on each and every *.cshtml page每个 *.cshtml 页面上的缩小 JS 文件
【发布时间】：2014-12-04 05:44:36
【问题描述】：

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

但是我的问题是如何在每个 *.cshtml 页面上缩小我的 JS 文件？当我进行调试时，我需要那个 JS 文件是未缩小的。我能做到吗？任何帮助将不胜感激。

这是我的“index.cshtml”页面，JS 文件位于页面底部。我想缩小这个 js 文件。

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

【问题讨论】：

本教程向您展示如何创建ScriptBundle 并将其包含在页面中。你不明白哪一部分？（如果你想在每一页上都有它，为什么不把它放在布局页面中，这样你只需要包含一次）
@StephenMuecke 否。当我将这些角度控制器 JS 文件放在布局页面上时，它不起作用。需要在每个 *.cshtml 页面上加载这些文件。否则它不会绑定控制器。我已将所有其他常见的 js 放在布局页面上并且工作正常。问题是如何对页面级 js 文件进行缩小？
没有什么不同。只需创建一个包含该文件的新 ScriptBundle，然后在页面中添加 @Scripts.Render("~/bundles/yourFile")
@StephenMuecke 谢谢你的建议。你能把它作为答案吗？然后我可以关闭这个线程。

标签： asp.net-mvc angularjs bundling-and-minification

【解决方案1】：

在BundleConfig.cs 中添加一个新的ScriptBundle

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

在你看来

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

【讨论】：

【解决方案2】：

1.使用Nuget安装包：Install-Package Microsoft.AspNet.Web.Optimization
2.创建一个BundleConfig类并定义你的bundle：

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的application start中注册BundleConfig类

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

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

【讨论】：