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