如何在 Angular 而不是 IIS 中托管 Razor 局部视图

Question

有一个古老的话题如何使用 ASP.Net MVC View .csthml 作为 Angular View 而不是 .html

我需要这样的东西，但需要 Angular 15 和 VS Code。我想用 VS Code 和 ASP.NET MVC 站点（不是 Web API）开发 Angular 组件必须像往常一样工作，但要使用 Angular 组件。主要问题 - 所有这些模式最终都可以部署到 Kestrel/Apache。

所以，我有像这样的 *.CSHTM 部分视图，例如 UserHeader.CSHTML

<div class="main_info__menu">
    <div class="main_info__search">
        <span class="material-icons-outlined search_open">
            search
        </span>
        <div class="main_info__search_body search_wrap">
            <input type="search" id="main-site-search">
            <div class="search_close"></div>
        </div>
    </div>
    <div class="main_info__menu_icon">
        <span class="material-icons-outlined">
            dialpad
        </span>
    </div>
    <div class="main_info__notification">
        <div class="notification_button">
            <span class="material-icons-outlined">
                notifications
            </span>
            <span id="notif_counter">15</span>
        </div>
    </div>
</div>

我想将这部分 MVC 项目拆分为多个 Angular 组件，并继续将这些组件开发为 VS CODE 中的 Angular 组件。这是一种自然而明显的愿望，不是吗？

但是怎么做呢？

MVC项目中我的_Layout页面包含一些脚本

    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.js" ></script>
    <script src="~/canvasJS/canvasjs.stock.min.js"></script>
    <script src="~/canvasJS/jquery-ui.1.12.1.min.js"></script>
    <script src="~/scripts/swiper-bundle.min.js"></script>
    <script src="~/scripts/script.js"></script>

它需要注入到 WebPack 以避免与这样的 Angular 脚本冲突

   <script src="runtime.047cab87a7e67de1.js" type="module"></script>
   <script src="polyfills.a1e87901e73dec72.js" type="module"></script>
   <script src="main.70a8e87618517279.js" type="module"></script> 

不是吗？或者这不是必需的？

以及如何绑定 Angular 组件（通常使用 localhost://4200）和 MVC 站点（通常使用 https://localhost:7168/）。如何在开发模式下绑定这两项技术，而不是最终在 WebServer (Kestrel/Apache) 中绑定。