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

本文关键字：js 添加 css 文件 Core ASP net | 更新日期: 2023-09-27 18:11:24

我被分配到迁移应用程序从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里面吗?

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

我在_Layout视图中添加了引用，在<environment>标签中:

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

如果有人知道更好的方法，我很欢迎

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

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

In _layout:

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

你的视图:

@section Styles{ your CSS }

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

我把JS和CSS文件放在我的应用程序的wwwroot文件夹的资产文件夹中，然后在我的_Layout.cshtml中使用链接标签来引入样式。Steven Sanderson在他的博客文章中谈到了在这里添加第三方库。

你也可以使用webpack做一些设置。我承认，这个话题不是很直截了当。

静态文件，如图像文件，CSS文件和JavaScript JS文件不能在ASP中工作。Net Core，除非它被放置在适当的位置与项目，也有一些设置设置。并在路由之前在start .css中添加这一行

 app.UseStaticFiles();

我把CSS文件放在~/wwwroot/css, JavaScript文件放在~/wwwroot/js。然后我遵循默认_Layout的格式。cshtml文件。

<head>
   . . .
   <link type="text/css" rel="stylesheet" href="~/css/myCSS.min.css" />
   . . .
</head>
<body>
   . . .
   <script src="~/js/myJS.min.js" asp-append-version="true"></script>
   @RenderSection("Scripts", required: false)
   . . .
</body>
相关文章：