Saj*_*ran 5 c# asp.net bundle asp.net-core-2.0
如何使用@Scripts.Render.NET Core 2.0 MVC应用程序？
我正在将代码从.NET Framework 4.6.1转换为.NET Core 2.0.我从这里读到了如何捆绑.NET Core 2.0.如何修复错误,并用新版本替换代码？
BundleConfig.cs
@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;
}
在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>
阅读与Bundling和minification相关的Microsoft文档,以便更好地了解asp.net core mvc中的Bundling和minification
正如另一个答案中所述BundleConfig.cs， 已经消失了。但是，@Scripts.Render()有一些很好的用例，用 static 替换它不是一个好主意<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>
| 归档时间： |
|
| 查看次数： |
3432 次 |
| 最近记录： |