.Net MVC4笔记之js css引用与压缩

时间：2023-12-12 14:05:14

资源引用

可以用即可以直接使用“~”来表示根目录。

引入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);

         }

     }

 }

相关文章