ASP.Net MVC(4) 之js css引用與壓縮

資源引用

可以用即可以直接使用“~”來表示根目錄。

引入js

<script src="~/Areas/OrderManage/JS/Form.js"></script>

引入css

<link href="~/Content/uploadify/uploadify.css" rel="stylesheet" />

引用img路徑也可以如此

 <img src="~/Images/index/banner_1.jpg" alt="" title="" /></a>

對樣式表和腳本的優化壓縮

在MVC4.0中System.Web.Optimization包含了JsMinify和CssMinify，不要小看這兩個類，雖然公開的方法就兩個，可以把腳本編譯，壓縮成最小的內容。

按照上述方法是用Scripts和Styles將腳本和樣式表引入頁面時，無需修改任何代碼就可以將腳本和樣式表編譯壓縮輸入到客戶端，這樣不僅可以有效的增加JSHack的難度以及降低文件的大小。為了達到這個目的，我們只需要將BundleTable中的一個屬性設置為true即可，代碼如下：

using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data.Entity;
using System.Data.Entity.Infrastructure;
using System.Linq;
using System.Web;
using System.Web.Http;
using System.Web.Mvc;
using System.Web.Optimization;
using System.Web.Routing;
namespace MVC4
{
    // Note: For instructions on enabling IIS6 or IIS7 classic mode, 
    // visit http://go.microsoft.com/?LinkId=9394801
    public class MvcApplication : System.Web.HttpApplication
    {
        protected void Application_Start()
        {
            AreaRegistration.RegisterAllAreas();
            
            FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
            RouteConfig.RegisterRoutes(RouteTable.Routes);
            //設置為true
            BundleTable.EnableOptimizations = true;
            BundleConfig.RegisterBundles(BundleTable.Bundles);
        }
    }
}