How to use css files or js in Area on ASP .NET Core

Question

You know ASP .NET Core MVC has a wwwroot static files folder. I need to put my custom js, css etc. into Content folder under Areas folder. Anyone tried this before or anyone know how to do this?

Saeed Mardomi · Accepted Answer · 2020-02-27 14:34:21Z

4

If the structure of our area is as follows :

You need to Copy these codes to the Configure section in Startup under the app.UseStaticFiles()

app.UseStaticFiles(new StaticFileOptions()
   {
     FileProvider = new 
     PhysicalFileProvider(Path.Combine(Directory.GetCurrentDirectory(), 
     "Areas\\Foo\\Content")),
      RequestPath = new PathString("/Foo/Content")
   });

and link the file like below :

 <link rel="stylesheet" href="/Foo/Content/bootstrap.min.css" />

edited Feb 27, 2020 at 14:34

answered Feb 27, 2020 at 14:07

Saeed Mardomi

1392 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user2486488 Over a year ago

This approach worked for local testing - however when deployed to azure setting the script as Content didn't deploy. Under the azure environment the Directory.GetCurrentDirectory() is looking for file in wwwroot folder i.e. D:\home\site\wwwroot\Areas\Foo\Content\

Collectives™ on Stack Overflow

How to use css files or js in Area on ASP .NET Core

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related