Javascript 将Vue.JS添加到现有的dotnet core 2.2站点

我有一个标准的dotnet核心网站，大部分页面都使用Razor。但是，有一个区域在UI前端非常复杂，因此使用Vue.js作为前端。现在我想添加另一个页面。显然，我仍然希望在大部分工作中使用dotnet核心路由，但是，不确定如何最好地集成更多页面

它们只是更多的单个vue应用程序（可以共享组件）。或者有其他方法来解决这个问题

我的第一个页面是由dotnetcore呈现的，并且有一个指向这个js的链接

import Vue from "vue";
import App from "./App.vue";

import { date, datetime, time } from "./filters/index.js";

Vue.filter("date", date);
Vue.filter("time", time);
Vue.filter("datetime", datetime);

new Vue({
  el: "#module-app",
  render: h => h(App)
});

这一切都很好，（除了一个全局js变量来启动流程之外）

和在脚本部分（布局母版页）

const ModuleId=@Model.Module.Id；

这个main.js文件是用webpack构建的，并使用npm和npm添加的依赖项等捆绑。我主要担心的是，实际上我想要制作的每个页面都会有一个大的下载文件，因为它包含vue.js等和所有组件

一定有更好的办法，所以最好知道解决办法。所有的例子都谈到了vue路由器（我曾经使用过），但也不确定它如何与整个dotnet核心路由一起工作

---

提前感谢。

这些文件应该缓存，不要再下载。所以这没什么好担心的。我知道我可以通过在主布局中链接到vue.js并将其从依赖项中删除来让vue.js变得独立（除非nuget认为它没有被引用会破坏它），但是如何配置webpack呢？它们是单独构建的，还是我们可以有多个入口点（我看到它是一个数组…）任何迁移建议-所有新代码都可以使用vue.js

<div id="module-app" >
    <App :moduleId="@Model.Module.Id"></App>
</div>

<script>
    const ModuleId = @Model.Module.Id;
</script>

<script src="/dist/main.js" ></script>