繁体 English 中英

如何为生产构建 Vue 3 Vite 应用程序

[英]How to Build Vue 3 Vite App for production

原文 2022-07-02 06:31:46 0 1 javascript/ vue.js/ production/ vite

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

当我运行npm run build时，会创建一个dist/ 。 但是当我在 dist 文件夹中打开dist/index.html时，它没有显示任何内容。 我的问题是如何构建应用程序并在没有任何命令的情况下运行它（为生产而构建）。 谢谢

1 个解决方案

您需要一台服务器，否则将无法找到资产，您将收到错误和空白页面。 使用npm run preview 。

vue中如何设置vite构建js和css bundle名称

[英]How to set the names of Vite build JS and CSS bundle names in Vue

Vue3 + Vite：生产中的错误处理

[英]Vue3 + Vite: error handling in production

如何在库模式下运行 Vue 3/Vite 应用程序以进行测试/演示？

[英]How to run Vue 3/Vite app in library mode for test/demo purposes?

为什么在使用 Vue 3 迁移构建时 Vite 找不到“.vue”加载程序？

[英]Why is '.vue' loader not found by Vite when using Vue 3 migration build?

不使用 App.vue 时带有 Vite 的 Vue 3 渲染空白页面

[英]Vue 3 with Vite rendering blank page when not using App.vue

如何使 Vue 和 Vite 与 web 组件一起工作？

[英]How to make Vue and Vite work with web components?

如何构建用于生产的angular2应用

[英]How to build angular2 app for production

Vue CLI 3：使用Foundation 6构建生产

[英]Vue CLI 3: production build with Foundation 6

如何在我的 vue 应用程序的 webpack 配置中排除生产构建中的文件

[英]How to exclude files in production build in the webpack config of my vue application

如何在 vue-cli 中设置生产构建路径？

[英]How can I set production build path in vue-cli?

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 vue中如何设置vite构建js和css bundle名称 Vue3 + Vite：生产中的错误处理如何在库模式下运行 Vue 3/Vite 应用程序以进行测试/演示？为什么在使用 Vue 3 迁移构建时 Vite 找不到“.vue”加载程序？不使用 App.vue 时带有 Vite 的 Vue 3 渲染空白页面如何使 Vue 和 Vite 与 web 组件一起工作？如何构建用于生产的angular2应用 Vue CLI 3：使用Foundation 6构建生产如何在我的 vue 应用程序的 webpack 配置中排除生产构建中的文件如何在 vue-cli 中设置生产构建路径？

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM