在每個* .cshtml頁面縮小JS文件

我正在開發的應用程序是使用ASP.net MVC和AngularJs開發的。這不是一個SPA應用程序。我需要對我的JS文件進行捆綁和縮小。我知道如何在「佈局頁面」上進行操作。爲此，我已經使用了這個Bundling and Minification教程。在每個* .cshtml頁面縮小JS文件

但是我的問題是我怎樣才能在每個* .cshtml頁面上縮小我的JS文件？我需要這個JS文件作爲unminified當我做調試。我可以做到這一點？任何幫助將不勝感激。

這是我的「index.cshtml」頁面與JS文件駐留在頁面的底部。我想做這個js文件的縮小。

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

來源

2014-12-04 Sampath

本教程將向您展示如何創建一個'ScriptBundle'並將其包含在頁面中。你不瞭解什麼部分？（如果你想在每個頁面上，爲什麼不放在佈局頁面，所以你只需要包括一次） – 2014-12-04 05:52:24

@StephenMuecke編號。當我把這些角度控制器JS文件放在佈局頁面上，它不起作用。需要加載這些文件在每個* .cshtml頁面。否則它不會綁定控制器。我已經把所有其他常見的js放在佈局頁面上，並且工作正常。問題是如何在頁面級js文件中進行縮小？ – Sampath 2014-12-04 06:00:01

它沒有什麼不同。只需創建一個包含該文件的新的'ScriptBundle'，然後在頁面 – 2014-12-04 06:04:01

添加新ScriptBundle在BundleConfig.cs

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

並在您查看

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

來源

2014-12-04 06:10:47

1.使用的NuGet安裝包：安裝，包裝Microsoft.AspNet.Web.Optimization
2.創建BundleConfig Class並定義您的軟件包：

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.Register的應用程序中的BundleConfig類的Global.asax的

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

4.reference HTML文檔中束開始。
5.通過禁用調試模式來啓用捆綁。
參考來源：Bundling and minification without ASP.NET MVC

來源

2016-05-30 10:00:47 Skull

在每個* .cshtml頁面縮小JS文件

回答

相關問題