分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

MVC-采用Bundles方式引入css和js文件

发布时间:2023-09-06 01:07责任编辑:熊小新关键词:jsMVC

优点:修改js或css时会自动生成hash版本号。

缺点:需要在BundleConfig中先添加对应的文件,然后在html中再引用对应的bundle,多操作了一步。

web.config中 <compilation debug="true" targetFramework="4.5" />

1、BundleConfig

  如果是调试模式,前端页面会显示真实的js、css路径,生产环境是会显示前面的路径。在bundles中还可以使用通配符引用。

 bundles.Add(new ScriptBundle("~/bundles/jquery").Include( ???????????????????????"~/Scripts/jquery-{version}.js")); ???????????bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( ???????????????????????"~/Scripts/jquery.validate*"));
 bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include( ?????????????????????"~/Scripts/bootstrap.js", ?????????????????????"~/Scripts/respond.js")); ???????????bundles.Add(new StyleBundle("~/Content/css").Include( ?????????????????????"~/Content/bootstrap.css", ?????????????????????"~/Content/site.css"));

2、前端页面

@Styles.Render("~/Content/css") ???@Scripts.Render("~/bundles/modernizr")

3、Global文件中

  要在Application_Start事件中注册Bundles。

BundleConfig.RegisterBundles(BundleTable.Bundles);

4、说明

  只有在生产环境,修改js、css文件才会生成版本哈希值。

  在生产环境,使用bundles的方式会自动引用压缩版min文件。

5、截图说明

  调试模式

  生产环境

MVC-采用Bundles方式引入css和js文件

原文地址:http://www.cnblogs.com/zhaoyihao/p/7456697.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved