ASP.NET Core 6单文件应用中WebOptimizer无法使用的问题

问题根源 #

1. WebOptimizer默认使用应用的WebRootFileProvider，但单文件应用中WebRoot并非物理目录，导致它无法读取嵌入式的原始JS文件来生成捆绑包。
2. 中间件顺序错误：UseWebOptimizer必须在UseStaticFiles之前执行，否则请求会先被静态文件中间件拦截，找不到动态生成的捆绑包后直接跳过，WebOptimizer无法处理请求。

具体修复步骤 #

1. 为WebOptimizer指定嵌入式文件提供器
   创建嵌入式文件提供器实例，并配置给WebOptimizer，确保它能读取嵌入式资源：

   var embeddedProvider = new EmbeddedFileProvider(Assembly.GetExecutingAssembly(), "MyApp.wwwroot");
   
   builder.Services.AddWebOptimizer(pipeline =>
   {
       pipeline.AddJavaScriptBundle("~/js/myBundle.js", "js/views/js1.js", "js/views/js2.js", "js/main.js");
   })
   .Configure<WebOptimizerOptions>(options =>
   {
       options.FileProvider = embeddedProvider;
   });
   

2. 调整中间件执行顺序
   将UseWebOptimizer放在UseStaticFiles之前，保证动态捆绑请求先被WebOptimizer处理：

   // 先启用WebOptimizer中间件
   app.UseWebOptimizer();
   
   // 再配置静态文件中间件
   app.UseStaticFiles(new StaticFileOptions
   {
       FileProvider = embeddedProvider,
   });
   

3. 优化csproj配置（可选）
   无需同时设置Content和EmbeddedResource，单文件应用仅保留嵌入式资源配置即可，避免冗余：

   <ItemGroup>
       <EmbeddedResource Include="wwwroot\**\*" />
   </ItemGroup>
   

验证 #

启动单文件应用后，访问~/js/myBundle.js应该能正常返回捆绑后的JS内容，不再出现File '/js/myBundle.js' not found的警告。

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