相关疑难解决方法(0)

我在运行后构建了一个简单的 Vue.js 项目yarn build。该dist文件夹包含如下文件；

我想将所有文件（HTML、js、CSS）捆绑到一个 js 文件中，该文件可以嵌入到幽灵博客文章中。

以下是如何为幽灵博客文章完成此操作的示例。

https://blog.openbloc.com/include-a-js-app-in-a-ghost-post/

我的问题是如何将我的 Vue.js 项目文件捆绑到可以部署在 Ghost 博客文章中的单个文件中？

webpack 是正确的工具吗？我对其他选择持开放态度。

我正在使用 @vue/cli 5.0.1，yarn v1.22.17

我对 Vue 非常陌生，并且接到的任务是创建一些可以嵌入到几个现有的非 Vue 遗留 Web 应用程序中的 Vue 小部件。我们的想法是，我们将创建一个这些小部件的库，然后将其嵌入到任何一个遗留应用程序中，最终我们可能会将整个应用程序迁移到 Vue。

我一直在寻找最好的前进方向，但我有点困惑。我想这些是我的问题：

1. 我是否需要在这里考虑 Web 组件，或者小部件可以是我们以某种方式嵌入的实际 Vue 应用程序吗？

2. 如果小部件应创建为 Web 组件，那么使用 Vue/web-component-wrapper 或 vue-custom-element 库有什么区别吗？

3. 无论我们选择哪个选项，我们都可以充分利用您在任何普通 Vue 应用程序中使用的功能 - Vue 路由器、用于状态管理的 Vuex 等（并且状态可以在这些小部件之间共享）吗？

4. 小部件是否需要完全样式化，或者最佳实践是将组件的所有样式留给父应用程序（或两者的组合）？

我以前从未做过这样的事情（你可能会知道！），因此任何指导、建议或示例指示将不胜感激。

** 更新 **

我发现这篇文章是我需要走的方向https://itnext.io/vuidget-how-to-create-an-embeddable-vue-js-widget-with-vue-custom-element-674bdcb96b97