尽管捆绑是VS的一个简洁功能,但有时我希望脚本或css可用于特定页面.这样,我可以确保避免名称冲突和/或覆盖.
是否可以捆绑文件以便只有全局和页面特定的文件可用?
例如,假设我有一个名为Cabinet.cshtml的页面.我还有Cabinet.js和Cabinet.css文件.另一方面,我有另一个名为AdminPanle.cshtml的页面,文件为admin.js和admin.css.
现在,我希望这两个视图只能访问它们相应的文件以及jQuery和jQuery ui.所以jQuery必须是全局的.
解决方法
所以有什么问题?默认情况下,您在BundleConfig.cs中有:
bundles.Add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-{version}.js")); bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include( "~/Scripts/jquery-ui-{version}.js"));
所以把这些包放在你的_Layout.cshtml的头上:
@Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jqueryui")
并创建其他4个捆绑包:
//scripts bundles.Add(new ScriptBundle("~/bundles/cabinet").Include( "~/Scripts/Cabinet.js")); bundles.Add(new ScriptBundle("~/bundles/admin").Include( "~/Scripts/admin.js")); //styles bundles.Add(new StyleBundle("~/Content/cabinet").Include("~/Content/Cabinet.css")); bundles.Add(new StyleBundle("~/Content/admin").Include("~/Content/admin.css"));
现在,您可以将theese脚本和样式分开,并仅在您需要的页面上添加它们.
另外我想在head标签的_Layout.cshtml中定义2个部分是很好的.
<head> //other scripts and styles here @RenderSection("scriptslib",required: false) @RenderSection("csslib",required: false) </head>
所以现在在你的视图(Cabinet.cshtml和AdminPanle.cshtml)中,你可以将你的lib放在他们认为是这样的地方:
@section scriptslib{ @Scripts.Render("~/bundles/cabinet") }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。