Question

我已被指派将应用程序从MVC迁移到ASP.net Core，我是ASP.net Core的新手。在MVC中我们有BundleConfig.cs，在那里我们添加了对css和js文件的引用，它在ASP.net Core中是如何工作的？我们说我创建了一个test.js和一个MyStyle.css类，这是在每个视图中添加对它的引用的最佳方法吗？我应该将.js和.css文件放在wwwroot/js和wwwroot/css内吗？

Answer 1

我在_Layout标记内的<environment>视图中添加了引用：

 <environment names="Development">
 <link rel="stylesheet" href="~/css/MyCss.css" />
    </environment>

如果有人知道更好的方式，我会欢迎它

Answer 2

更好的方法是在路由之前在app.UseStaticFiles();内使用：startup.cs。

Answer 3

我将JS和CSS文件放在我的应用程序的wwwroot文件夹中的assets文件夹中，然后在我的_Layout.cshtml中使用链接标记来引入样式。 Steven Sanderson是博客文章的一部分，他谈到了添加第三方库here。

你也可以使用webpack进行某种设置。我承认，这个话题不是很直接。

Answer 4

回答这个问题可能有点晚了，但是对于那些通过Google来到这里的人：我发现添加asp-append-version="true"对我有用，因为已经提供了其他答案中给出的所有其他选项。在_Layout.cshtml中。

Answer 5

在_布局中：

@await RenderSectionAsync("Styles", required: false)

那么你的观点：

@section Styles{ your CSS }

信息来自： https://dev.to/amjadmh73/loading-custom-css-files-in-razor-pages-4no9

如何在ASP.net Core中添加js和css文件？

5 个答案: