服务堆栈 Vue SPA + SharpApp答案

【问题标题】：Service Stack Vue SPA + SharpApp服务堆栈 Vue SPA + SharpApp
【发布时间】：2020-04-01 11:45:41
【问题描述】：

我们正在开发 SharpApp，最初，我使用以下文章从 parcel-webapp 模板开始。

现在，我们正在尝试在该项目中使用 Vue 框架。我看到了服务堆栈网站，他们有一个项目模板 vue-spa，它是一个独立的项目模板。

我需要将 parcel-webapp 集成到 vue-spa 模板中。知道我们该怎么做吗？

问候，贾米尔

【问题讨论】：

仅供参考，我们使用 SharpApp (parcel-webapp) 的原因是我们可以编写 #script 并将应用程序编译和部署为 chromium 桌面应用程序。

【解决方案1】：

您不太可能使用 vue-spa Project Template 使用的完整 Vue SPA npm 工具链。

最简单的选择是使用Parcel's built-in Vue support 或采用vue-lite Project Template 的无npm 方法，即在您的应用中使用所有pre-compiled vue libraries 的本地副本。

vue-lite 模板使用server bundled solution，它在调试时使用最佳的未压缩源和minified bundled sources in Production。

【讨论】：

我可以保留我的 SharpApp 并为其添加 Vue 支持吗？我只需要在 SharpApp 中使用 vue 框架？
@Jamil 这就是这两个选项所说的，它是一个 Parcel 应用程序，所以你应该能够使用它内置的 Vue 支持（我自己还没有测试过），否则你可以使用相同的方法vue-lite 项目并引用预编译的静态 js 库，不需要 webpack/npm。
根据这篇文章parceljs.org/vue.html 它是开箱即用的，支持放入包裹中。这是真的吗，我可以将 Vue 代码写入我现有的 SharpApp 中吗？
@Jamil 试试吧，我自己没有测试过。尝试一下，看看有什么效果，如果它不尝试包含静态 js 库。
您是否打算为Sharpapp 构建vs 模板，就像我们为Vue 和其他框架所做的那样？