jquery 如何在www.example.com Core中添加js和css文件ASP.net?

unftdfkk  于 2023-06-22  发布在  jQuery
关注(0)|答案(7)|浏览(168)

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

ohtdti5x

ohtdti5x1#

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

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

如果有人知道一个更好的方法,我会欢迎它

igetnqfo

igetnqfo2#

更好的方法是用途:app.UseStaticFiles();内部的startup.cs路由之前。

vptzau2j

vptzau2j3#

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

2ic8powd

2ic8powd4#

In _layout:

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

然后你的观点:

@section Styles{ your CSS }

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

zwghvu4y

zwghvu4y5#

我将JS和CSS文件放在应用程序的wwwroot文件夹中的assets文件夹中,然后使用_Layout.cshtml中的link标签引入样式。Steven Sanderson在一篇博客文章中谈到了添加第三方库here
您也可以使用webpack进行某种设置。我承认,这个主题不是很直接。

lsmepo6l

lsmepo6l6#

静态文件,如图像文件,CSS文件和JavaScript JS文件在ASP.NET Core中不起作用,除非将其放置在项目的适当位置并设置一些设置。并在路由之前在start up.css中添加这一行。

app.UseStaticFiles();
13z8s7eq

13z8s7eq7#

我将CSS文件放在~/wwwroot/css,将JavaScript文件放在~/wwwroot/js。然后我遵循default _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>

相关问题