Razor Pages自动关联对应CSS样式，是否有更简洁配置方案？

你提到的Razor页面自动绑定同名.cshtml.css/.cshtml.js的功能是ASP.NET Core内置的Razor CSS/JS隔离特性，不需要手动修改_ViewStart.cshtml或配置自定义静态文件映射。你的操作属于绕开官方机制的冗余实现，以下是恢复并启用默认功能的简洁步骤：

1. 确认项目配置正确 #

打开项目的.csproj文件，确保包含以下配置（SDK风格项目通常默认已有，若缺失则添加）：

<PropertyGroup>
  <RazorCompileOnBuild>true</RazorCompileOnBuild>
  <RazorCompileOnPublish>true</RazorCompileOnPublish>
  <!-- 开发阶段可选，支持动态编译修改后的CSS/JS -->
  <EnableRazorRuntimeCompilation>true</EnableRazorRuntimeCompilation>
</PropertyGroup>

2. 确保静态文件中间件正常启用 #

在Program.cs中保留默认的静态文件中间件即可，无需自定义映射：

var app = builder.Build();

// 其他中间件配置...
app.UseStaticFiles(); // 这行是关键，默认已包含
// 其他中间件配置...

3. 恢复自动注入机制 #

删除你在_ViewStart.cshtml中手动编写的<script>和<link>注入代码。Razor引擎会自动为每个页面生成并注入对应的资源标签：

• 对于Pages/Index.cshtml，会自动注入：

  <link rel="stylesheet" href="~/lib/你的项目名称/components/Pages/Index.cshtml.css" />
  <script src="~/lib/你的项目名称/components/Pages/Index.cshtml.js"></script>
  

4. 检查文件生成操作 #

右键.cshtml.css和.cshtml.js文件，在属性中确认生成操作设置为：

• .cshtml.css → RazorCSS（默认值）
• .cshtml.js → RazorJS（ASP.NET Core 6+默认支持）

为什么你的原有操作没必要？ #

官方隔离特性会自动处理以下细节，而手动实现无法覆盖：

• 资源文件会被编译到wwwroot/lib/{项目名}/components/目录，避免直接暴露Pages目录的文件，更安全
• 自动添加缓存戳，解决浏览器缓存问题
• 开发时支持热重载，修改CSS/JS后无需重启项目

内容的提问来源于stack exchange，提问作者Michael Taylor