博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
mvc BundleConfig实现对Css、Js压缩打包加载
阅读量:5290 次
发布时间:2019-06-14

本文共 1511 字,大约阅读时间需要 5 分钟。

Bundle不是.net Framework框架中的一员,使用Bundle首先要先添加引用,如下:

nuget包管理--程序包管理控制台--Install-Package Microsoft.AspNet.Web.Optimization

1.App_Start添加BundleConfig.cs文件,当然你可以把如下直接写在Globle.aspx的Application_Start中

public class BundleConfig    {        public static void RegisterBundles(BundleCollection bundles)        {            //1.添加js            bundles.Add(new ScriptBundle("~/jsLayout")                .Include("~/...js")                .Include("~/...js"));            //2.添加css            bundles.Add(new StyleBundle("~/cssLayout")                .Include("~/...css")                .Include("~/...css"));            //3.启动css,js压缩            BundleTable.EnableOptimizations = true;        }    }

2.Globle.aspx的Application_Start引用

BundleConfig.RegisterBundles(BundleTable.Bundles);

3.修改View下的web.config中razor引擎配置,添加项System.Web.Optimization

4.前台引用,我是在_Layout.chtml中引用,如下:

    
@ViewBag.Title @* 样式 *@ @Styles.Render("~/cssLayout"); @RenderSection("headResources", required: false) @RenderBody() @* 脚本*@ @Scripts.Render("~/jsLayout"); @RenderSection("footerResources", required: false)

5.个人页面调用Layout,比如Index.cshtml

@{    ViewBag.Title = "Index";    Layout = "~/Views/Shared/_Layout.cshtml";}
@section footerResources { //只有本页面用到的js文件 //自定义js }

 

转载于:https://www.cnblogs.com/lcawen/p/6702905.html

你可能感兴趣的文章
eclipse往mysql里面插入数据时的乱码
查看>>
mysql中key 、primary key 、unique key 与index区别
查看>>
bzoj2257
查看>>
Python开发【程序】:登录认证程序
查看>>
Linux查看文件编码格式及文件编码转换<转>
查看>>
Leetcode: Find Leaves of Binary Tree
查看>>
Chrome多线程模型
查看>>
运行第一个module
查看>>
Hadoop使用场景
查看>>
MYSQL--表分区、查看分区
查看>>
CCNA第三章
查看>>
MySQL 基础 (二)- 表操作
查看>>
SpringBoot13 利用mybatis-plus自动生成entity、dao、service、controller
查看>>
Vue 模板解释
查看>>
http://www.bootcss.com/
查看>>
20145308 《网络对抗》 注入shellcode+Return-to-libc攻击 学习总结
查看>>
跨域访问
查看>>
将多张图片和文字合成一张图片
查看>>
自己动手写ORM(01):解析表达式树生成Sql碎片
查看>>
code3731 寻找道路
查看>>