How to rename bundled static files(ProjectName.style.css and blazor.server.js) in The Blazor App

Question

I wanna hide that i use The Blazor.

so, I should modify name of bundled css and js files.

How to do this?

Answer 1

According to this article, CSS isolation occurs at build time. During this process, Blazor rewrites CSS selectors to match markup rendered by the component. These rewritten CSS styles are bundled and produced as a static asset at {PROJECT NAME}.styles.css, where the placeholder {PROJECT NAME} is the referenced package or product name.

That means we could only disable the bundle not modify it during develop environment.

But after publish, it will generate the file like this:

You could modify the {PROJECT NAME}.styles.css to {other}.styles.css and modify the index.html css name as below:

<link href="{other}.styles.css" rel="stylesheet" />