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);
        }
    }
}