我被指派将一个应用程序从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中吗?
BundleConfig.cs
test.js
MyStyle.css
.js
.css
wwwroot/js
wwwroot/css
ohtdti5x1#
我在_Layout视图中的<environment>标签中添加了引用:
_Layout
<environment>
<environment names="Development"> <link rel="stylesheet" href="~/css/MyCss.css" /> </environment>
如果有人知道一个更好的方法,我会欢迎它
igetnqfo2#
更好的方法是用途:app.UseStaticFiles();内部的startup.cs路由之前。
app.UseStaticFiles();
startup.cs
vptzau2j3#
现在回答这个问题可能有点晚了,但对于那些通过谷歌来到这里的人来说:我发现添加asp-append-version="true"对我很有效,因为其他答案中给出的所有其他选项都已经在_Layout.cshtml中提供了。
asp-append-version="true"
_Layout.cshtml
2ic8powd4#
In _layout:
@await RenderSectionAsync("Styles", required: false)
然后你的观点:
@section Styles{ your CSS }
信息来源:https://dev.to/amjadmh73/loading-custom-css-files-in-razor-pages-4no9
zwghvu4y5#
我将JS和CSS文件放在应用程序的wwwroot文件夹中的assets文件夹中,然后使用_Layout.cshtml中的link标签引入样式。Steven Sanderson在一篇博客文章中谈到了添加第三方库here。您也可以使用webpack进行某种设置。我承认,这个主题不是很直接。
wwwroot
lsmepo6l6#
静态文件,如图像文件,CSS文件和JavaScript JS文件在ASP.NET Core中不起作用,除非将其放置在项目的适当位置并设置一些设置。并在路由之前在start up.css中添加这一行。
13z8s7eq7#
我将CSS文件放在~/wwwroot/css,将JavaScript文件放在~/wwwroot/js。然后我遵循default _Layout.cshtml文件的格式。
~/wwwroot/css
~/wwwroot/js
<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>
7条答案
按热度按时间ohtdti5x1#
我在
_Layout
视图中的<environment>
标签中添加了引用:如果有人知道一个更好的方法,我会欢迎它
igetnqfo2#
更好的方法是用途:
app.UseStaticFiles();
内部的startup.cs
路由之前。vptzau2j3#
现在回答这个问题可能有点晚了,但对于那些通过谷歌来到这里的人来说:我发现添加
asp-append-version="true"
对我很有效,因为其他答案中给出的所有其他选项都已经在_Layout.cshtml
中提供了。2ic8powd4#
In _layout:
然后你的观点:
信息来源:https://dev.to/amjadmh73/loading-custom-css-files-in-razor-pages-4no9
zwghvu4y5#
我将JS和CSS文件放在应用程序的
wwwroot
文件夹中的assets文件夹中,然后使用_Layout.cshtml
中的link标签引入样式。Steven Sanderson在一篇博客文章中谈到了添加第三方库here。您也可以使用webpack进行某种设置。我承认,这个主题不是很直接。
lsmepo6l6#
静态文件,如图像文件,CSS文件和JavaScript JS文件在ASP.NET Core中不起作用,除非将其放置在项目的适当位置并设置一些设置。并在路由之前在start up.css中添加这一行。
13z8s7eq7#
我将CSS文件放在
~/wwwroot/css
,将JavaScript文件放在~/wwwroot/js
。然后我遵循default _Layout.cshtml文件的格式。