相关疑难解决方法(0)

注意：我正在使用的示例可在 GitHub 存储库https://github.com/mary-perret-1986/primevue-poc上找到

我使用 Vue.js 3 + Vite + PrimeVue 创建了一个简单的项目。

到目前为止，当我正在开发并且正在为构建提供服务时（即/dist服务器提供构建（即）时，一切都像魅力一样。

但我想看看我是否可以打开/dist/index.html直接从浏览器打开......我的意思是，从技术上讲，这应该是可能的。

以下是配置部分：

package.json

{\n  "name": "my-vue-app",\n  "version": "0.0.0",\n  "scripts": {\n    "dev": "vite",\n    "build": "vite build",\n    "preview": "vite build && vite preview"\n  },\n  "dependencies": {\n    "primeflex": "^2.0.0",\n    "primeicons": "^4.1.0",\n    "primevue": "^3.2.0-rc.1",\n    "vue": "^3.0.5",\n    "vue-property-decorator": "^9.1.2",\n    "vue-class-component": "^8.0.0-0",\n    "vue-router": "^4.0.0-0",\n    "vuex": "^4.0.0-0"\n  },\n  "devDependencies": {\n    "@types/node": "^14.14.37",\n    "@vitejs/plugin-vue": "^1.2.1",\n    "@vue/compiler-sfc": "^3.0.5",\n    "sass": "^1.26.5",\n    "typescript": "^4.1.3",\n    "vite": "^2.1.5",\n    "vue-tsc": "^0.0.15"\n …

我目前被要求生成将包含在不同客户网站中的小部件。

让我们这样说：

有2个约束：

1. 禁止使用 iframe
2. 客户网站可以使用任何技术（PHP、React、Angular、Vue.js、JQuery 等）来完成

由于请求的小部件应该是交互式的，我想使用 javascript 框架来开发它（我想到了 Vue.js）。

但是，我认为这可能会导致一些冲突（甚至破坏客户的网站），例如，如果客户的网站已经在使用另一个版本的 Vue.js。

我花了几个小时寻找和思考解决方案，但期望使用 iframe 我没有找到任何东西......

=> 有没有办法将 Vue.js 应用程序包含在另一个 Vue.js 应用程序（或 React、Angular 等）中？

在此先感谢您的帮助。

构建 React.js 项目后，我想将所有文件（HTML、js、CSS）捆绑到一个 js 文件中，该文件可以嵌入到 Ghost 博客文章中。

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

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

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

对于 Vue.js 可以成功完成此操作，但我不确定是否可以为 React.js 完成此操作

将 Vue 项目捆绑到单个 js 文件中，该文件可以嵌入 Ghost 博客文章中

我正在使用 React v18