我们有一个现有的ASP.NET MVC5 Projekt(剃刀)。我们想重建所有内容(使用Vue.js作为前端),但是由于客户的要求,我们首先必须将新的Vue组件放入现有的Projekt(最好在div中运行)。
我们也想为新的应用程序重用Vue组件,因此我们决定将Vue组件放入其自己的项目中。将Vue组件集成到现有项目中的最佳,最直接的方法是什么?我听说了一些选择:iframe或将组件构建到npm包中。
我很想听听一些想法。谢谢,也谨致问候]
我们有一个现有的ASP.NET MVC5 Projekt(剃刀)。我们想重建所有内容(使用Vue.js作为前端),但是由于客户要求,我们首先必须将一个新的Vue组件放入现有的...
我们所做的事情与乍得上文所述类似。
我们的工作方式是将每个剃须刀页面转换成Vue中自己的微型前端项目。例如,页面X成为一个名为PageX的新Vue项目。然后,我们将PageX项目创建为独立的Vue项目。准备就绪后,Vue Cli将使用标准工具构建每个Vue项目。将构建过程的输出添加到解决方案中的每个页面的子文件夹中的scripts文件夹中,然后我们将剃刀页面更改为使用已构建的Vue脚本,像这样]
<div id="app"></div>
<script src="~/Scripts/VueProd/PageX/js/chunk-vendors.f32059da.js"></script>
<script src="~/Scripts/VueProd/PageX/js/app.f58ae4b7.js"></script>
谢谢您的输入!您的回答解决了我的问题。
我在项目结构外部创建了一个View Project,并将其捆绑到一个webpack中。