如何整合多个ASP.NET Core MVC应用并实现全资源访问？

一、核心问题分析 #

你已通过项目引用实现了控制器、模型的复用，但静态资源（CSS、JS、图片等）默认不会被主项目（FinalProject）自动识别，需要通过配置静态资源中间件、调整项目资源属性来实现全资源访问。

二、两种可行解决方案 #

方案1：将引用项目的静态资源作为嵌入资源访问 #

这种方式无需复制文件，直接从程序集读取资源，适合轻量化复用场景。

1. 修改引用项目的csproj配置
   在MainProject和ProjectA的.csproj文件中，添加静态资源的嵌入配置：

   <ItemGroup>
     <!-- 将wwwroot下所有静态资源标记为嵌入资源 -->
     <EmbeddedResource Include="wwwroot/**/*" />
     <!-- 保留视图文件的编译配置（如需复用视图） -->
     <Content Include="Views/**/*">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>
   </ItemGroup>
   

2. 在FinalProject中注册嵌入资源提供者
   在Program.cs中，配置静态资源中间件，添加对引用项目嵌入资源的支持：

   var builder = WebApplication.CreateBuilder(args);
   
   // 注册引用项目的控制器和视图组件
   builder.Services.AddControllersWithViews()
       .AddApplicationPart(typeof(MainProject.Controllers.HomeController).Assembly)
       .AddApplicationPart(typeof(ProjectA.Controllers.SomeController).Assembly)
       .AddRazorRuntimeCompilation();
   
   // 配置视图搜索路径（如需复用引用项目的视图）
   builder.Services.Configure<RazorViewEngineOptions>(options =>
   {
       // 添加MainProject的视图路径
       options.ViewLocationFormats.Add("/MainProject/Views/{1}/{0}.cshtml");
       options.ViewLocationFormats.Add("/MainProject/Views/Shared/{0}.cshtml");
       // 添加ProjectA的视图路径
       options.ViewLocationFormats.Add("/ProjectA/Views/{1}/{0}.cshtml");
       options.ViewLocationFormats.Add("/ProjectA/Views/Shared/{0}.cshtml");
   });
   
   var app = builder.Build();
   
   // 先处理FinalProject自身的静态资源
   app.UseStaticFiles();
   
   // 注册MainProject的嵌入静态资源
   app.UseStaticFiles(new StaticFileOptions
   {
       FileProvider = new EmbeddedFileProvider(
           typeof(MainProject.Controllers.HomeController).Assembly,
           "MainProject.wwwroot"), // 注意：此处为项目根命名空间 + wwwroot
       RequestPath = "/main-resources" // 自定义访问前缀
   });
   
   // 注册ProjectA的嵌入静态资源
   app.UseStaticFiles(new StaticFileOptions
   {
       FileProvider = new EmbeddedFileProvider(
           typeof(ProjectA.Controllers.SomeController).Assembly,
           "ProjectA.wwwroot"),
       RequestPath = "/projecta-resources"
   });
   
   app.UseRouting();
   app.UseAuthorization();
   app.MapControllerRoute(
       name: "default",
       pattern: "{controller=Home}/{action=Index}/{id?}");
   
   app.Run();
   

3. 在视图中引用静态资源
   使用配置的前缀路径访问引用项目的资源：

   <!-- 引用MainProject的CSS -->
   <link rel="stylesheet" href="/main-resources/css/site.css" />
   <!-- 引用ProjectA的JS -->
   <script src="/projecta-resources/js/app.js"></script>
   <!-- 引用MainProject的图片 -->
   <img src="/main-resources/images/logo.png" alt="Logo" />
   

方案2：构建时复制静态资源到FinalProject #

这种方式将引用项目的静态资源直接复制到FinalProject的wwwroot目录，适合需要直接修改静态资源的场景。

1. 修改引用项目的csproj配置
   在MainProject和ProjectA的.csproj中，设置静态资源复制到输出目录：

   <ItemGroup>
     <Content Include="wwwroot/**/*">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>
   </ItemGroup>
   

2. 在FinalProject中添加复制资源的构建事件
   在FinalProject的.csproj中，添加目标任务，将引用项目的静态资源复制到自身wwwroot：

   <Target Name="CopySharedStaticResources" AfterTargets="Build">
     <!-- 复制MainProject的静态资源到FinalProject的wwwroot/main-resources -->
     <Copy SourceFiles="..\MainProject\wwwroot\**\*" DestinationFolder="wwwroot\main-resources\%(RecursiveDir)" />
     <!-- 复制ProjectA的静态资源到FinalProject的wwwroot/projecta-resources -->
     <Copy SourceFiles="..\ProjectA\wwwroot\**\*" DestinationFolder="wwwroot\projecta-resources\%(RecursiveDir)" />
   </Target>
   

3. 直接访问静态资源
   此时资源已在FinalProject的wwwroot下，直接用配置的路径引用即可，无需额外配置中间件：

   <link rel="stylesheet" href="/main-resources/css/site.css" />
   

三、TypeScript资源处理注意事项 #

如果引用项目包含TypeScript文件，需确保编译后的JS文件被正确处理：

• 在引用项目的csproj中配置TypeScript编译，将输出JS文件放到wwwroot目录，再通过上述两种方式同步到FinalProject。
• 或者在FinalProject中统一管理TS编译，将引用项目的TS文件作为链接项添加到FinalProject的TS项目中。

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