Mik*_*yev 8 asp.net-mvc bundling-and-minification
虽然捆绑是VS的一个简洁功能,但有时我希望脚本或css可用于特定页面.这样,我可以确保避免名称冲突和/或覆盖.
是否可以捆绑文件以便只有全局和页面特定的文件可用？
例如,假设我有一个名为的页面Cabinet.cshtml.我也有Cabinet.js和Cabinet.css文件.另一方面,我有另一个页面调用AdminPanle.cshtml文件admin.js和admin.css.
现在,我希望这两个视图只能访问相应的文件以及jQuery和jQuery ui.所以jQuery必须是全局的.
teo*_*kot 14
所以有什么问题？默认情况下,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脚本和样式分开,并仅在您需要的页面上添加它们.
另外我想在你的_Layout.cshtmlin head标签中定义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")
}