Question

虽然捆绑是VS的一个简洁功能，但有时我希望脚本或css可用于特定页面。这样，我可以确保避免名称冲突和/或覆盖。

是否可以捆绑文件以便只有全局和页面特定的文件可用？

例如，假设我有一个名为Cabinet.cshtml的页面。我还有Cabinet.js和Cabinet.css个文件。另一方面，我有另一个名为AdminPanle.cshtml的页面，其中包含文件admin.js和admin.css。

现在，我希望这两个视图只能访问相应的文件以及jQuery和jQuery ui。所以jQuery必须是全局的。

Answer 1

那么问题是什么？默认情况下，您拥有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.cshtml标记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")
    }

是否可以每页捆绑脚本和样式

1 个答案: