如何构建Vue 3 Vite应用程序以供生产使用

3

我使用包含vite init的新版本创建了一个新的vue项目。

当我运行npm run build时,会创建一个dist/文件夹。但是当我打开位于dist文件夹中的dist/index.html时,它没有显示任何内容。我的问题是如何构建应用程序并在不使用任何命令的情况下运行它(用于生产环境的构建)。谢谢。


你不能没有任何命令构建并运行应用程序。这是文档中的工作方式。或者,您是否有任何可能对您的项目有帮助的信息? - deta utama
1个回答

2

你需要一个服务器,否则资源将无法被找到,你会遇到错误和空白页面。使用npm run preview


当我们运行npm run preview时,它是否正在加载dist/index.html文件? - Mishen Thakshana
1
实际上是这样,尽管从技术上讲,它只是在dist中提供所有内容。但是如果不运行此操作,则会丢失除dist/index.html之外的所有文件,这就是为什么您会看到空白页面的原因。 - Nick McCurdy
1
请注意,技术上可以使用base:'./'来运行应用程序,但我不建议这样做,因为您无法使用需要服务器的更现代功能(例如路径中的客户端路由)。 - Nick McCurdy

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接