Blazor sharing css style sheet and svg across multiple project

Question

What is the correct way to share CSS style sheets and vectors across multiple projects?

I have created a CSS style sheet to the wwwroot/css and added to my _Host.cshtml like this:

<link href="css/mystylesheet.css" rel="stylesheet">

It works great however, other than copying to each project's wwwroot/css I cannot figure what the correct way to share it is.

For my vector's I could create a component for each one but that seems like a lot of extra work.

Answer 1

Let's say you have about 8 different websites and want to share CSS and javascript, create a new web project to host the CSS and javascript and share between all those 8 websites.

An additional benefit of a separate website which hosts the CSS/js will be that you can host on different regions and it will be like your own CDN.

The domain can be something like:

https://cdn.mywebsite.com/resources/js/someFile.min.js
https://cdn.mywebsite.com/resources/css/someFile.min.css

Answer 2

Look into making a razor class library to share your resources.