首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >可以在没有服务器运行的情况下部署Vue和Vite吗?

可以在没有服务器运行的情况下部署Vue和Vite吗?
EN

Stack Overflow用户
提问于 2022-04-25 15:47:11
回答 2查看 1.6K关注 0票数 7

我有一个非常特殊的问题,因为我希望创建一个没有服务器的网页,我尝试使用vite来完成它,我的整个项目都使用vue + vite。

如果我尝试使用"vite build“命令,页面部署为空白,唯一能看到该页面的方法是使用"vite预览”。

是否可以使用vite加载html页面的内容,而不需要"vite预览“?只需双击index.html

EN

回答 2

Stack Overflow用户

发布于 2022-04-28 11:30:43

使用vue-cli,通过将vue.config.js文件中的vue.config.js设置为空字符串,这是可能的,请参见:vue.config.js我个人只在Vue 2中使用过它,但是从我在线阅读的内容来看,如果您可以切换到vue-cli,那么Vue 3也应该是可能的。

使用Vite,我找到了这个问题和答案,它展示了将所有脚本、css和图像捆绑到一个文件中的一种方法:如何在本地主机上打开静态网站,但使用Vite生成,而不运行服务器?

我确实试过了,而且它主要起作用,但目前我在我的应用程序中使用了很多svg文件。它可能对你的用例很好。

我还需要在我的"type": "module",中添加package.json以消除错误

错误ERR_REQUIRE_ESM:从/path/to/vite.config.inlined.ts不支持Error /path/to/dist/index.js的要求()。

票数 8
EN

Stack Overflow用户

发布于 2022-04-25 16:30:45

如果您只是以index.html的形式打开页面,那么对于某些API调用和类似的,您将受到限制。现在,您将需要一个轻型服务器通过一个简单的vite preview托管它,正如您所看到的。这主要是因为这些文件是与像Webpack和维特这样的绑定者一起工作的。

我不确定是否有一种只使用index.html加载整个程序的方法,因为像.vue这样的文件本机不受支持,您需要一个特定的加载程序。

一个简单的解决方案是使用Vue作为CDN,但它将限制您在证监会档案方面的DX体验,但是您将能够将Vue使用到一个常规的index.html文件中。

PS:您的整体性能也会更差(因为所需的网络请求)。

如果您想要一些非常轻量级的东西,当然也可以使用小薇,也许更适合于非常简单的项目,只需要很小的反应性。

我仍然建议使用像Netlify或Vercel这样的东西,免费托管您的静态站点+拥有整个Vue体验,这要感谢为您运行vite preview的服务器。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72002253

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档