如何在.Net Core 2.0 MVC应用程序中使用@ Scripts.Render？

Question

如何将@Scripts.Render与.NET Core 2.0 MVC应用程序一起使用？

我正在将代码从.NET Framework 4.6.1转换为.NET Core 2.0。 我从这里阅读了如何与.NET Core 2.0捆绑在一起。 如何解决错误，并用新版本替换代码？

码：

@Scripts.Render("~/bundles/login")

它说

名称“脚本”在当前上下文中不存在

现有的BundleConfig.cs ：

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
        "~/Scripts/jquery-{version}.js"));
    bundles.Add(new ScriptBundle("~/bundles/jqueryvalidate").Include(
    BundleTable.EnableOptimizations = true;
}

Answer 1

在ASP.Net MVC Core中，他们删除了BundleConfig.cs并替换为bundleconfig.json文件。 您需要在bundleconfig.json中指定捆绑和缩小逻辑。 如果您的项目中没有此文件，请添加具有此名称的json文件。

bundleconfig.json

该文件的内容应如下所示。

  // Configure bundling and minification for the project.
// More info at https://go.microsoft.com/fwlink/?LinkId=808241
[
  {
    "outputFileName": "wwwroot/css/site.min.css",
    // An array of relative input file paths. Globbing patterns supported
    "inputFiles": [
      "wwwroot/css/site.css"
    ]
  },
  {
    "outputFileName": "wwwroot/js/bundles.min.js",
    "inputFiles": [
      "wwwroot/js/site.js",
      "wwwroot/lib/jquery/dist/jquery.js",
      "wwwroot/lib/jquery/dist/jqueryvalidate.js"
    ],
    // Optionally specify minification options
    "minify": {
      "enabled": true,
      "renameLocals": true
    },
    // Optionally generate .map file
    "sourceMap": false
  }
]

_Layout.cshtml

 <script src="~/js/bundles.min.js"></script>

阅读与捆绑和缩小有关的Microsoft文档，以更好地了解asp.net core mvc中的捆绑和缩小

Answer 2

如另一个答案中所述， BundleConfig.cs不见了。 但是， @Scripts.Render()有一些很好的用例，用静态<script src="..."></script>替换它不是一个好主意。 在某些情况下，您只希望链接某些页面（而不是全部页面）上的库，就不想一遍又一遍地重复相同的代码，尤其是当您使用后备链接链接到CDN中的库时。 所以这是我用来替换旧的@Scripts.Render()的好方法：

首先为您的库创建局部视图。 如果愿意，可以将在同一视图中使用的那些组合在一起。 就像在BundleConfig.cs中创建捆绑包一样思考。 例如，您可以像这样为jQuery验证创建视图：

<environment include="Development">
    <script src="~/lib/jquery-validate/jquery.validate.js"></script>
    <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
</environment>
<environment exclude="Development">
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.19.0/jquery.validate.min.js"
            asp-fallback-src="~/lib/jquery-validate/jquery.validate.min.js"
            asp-fallback-test="window.jQuery && window.jQuery.validator"
            crossorigin="anonymous"
            integrity="sha384-jR1IKAba71QSQwPRf3TY+RAEovSBBqf4Hyp7Txom+SfpO0RCZPgXbINV+5ncw+Ph">
    </script>
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validation.unobtrusive/3.2.10/jquery.validate.unobtrusive.min.js"
            asp-fallback-src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"
            asp-fallback-test="window.jQuery && window.jQuery.validator && window.jQuery.validator.unobtrusive"
            crossorigin="anonymous"
            integrity="sha384-y9k3BO+hbWD6gTgtfMyg1egwFmd2oEgQ0fALVtFnCl9F6j6mCh+oCa0P0h+aj7Ii">
    </script>
</environment>

您可以将其称为_ValidationScriptsPartial.cshtml之类的东西。

现在，在需要验证的页面上，可以像这样注入部分视图：

@section Scripts {
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial"); }
}

当然，对于所有页面上都需要的那些库（如jQuery和Bootstrap），您可以将它们直接注入_Layout.cshtml如下所示：

<!DOCTYPE html>
<html>
<head>
    ...
    @await Html.PartialAsync("_LayoutHeadScriptsPartial")
</head>
<body>
    ...
    @RenderBody()
    ...
    @await Html.PartialAsync("_LayoutFooterScriptsPartial")
    @RenderSection("scripts", required: false)
</body>
</html>

如何在.Net Core 2.0 MVC应用程序中使用@ Scripts.Render？

问题描述

2 个解决方案

解决方案1
8 已采纳 2018-01-24 05:42:35

解决方案2
2 2019-09-13 04:17:28

如何在.Net Core 2.0 MVC应用程序中使用@ Scripts.Render？

问题描述

2 个解决方案

解决方案1 8 已采纳 2018-01-24 05:42:35

解决方案2 2 2019-09-13 04:17:28

解决方案1
8 已采纳 2018-01-24 05:42:35

解决方案2
2 2019-09-13 04:17:28