Vuejs3、Vite - 如何运行生产构建

Question

我正在尝试运行一个简单的 vue.js 应用程序。我的设置是一个带有 vite 的 vue.js 3 应用程序，根据官方网站上的教程构建。( https://vitejs.dev/guide/#command-line-interface ) 现在我尝试将其部署在云上，我需要命令来运行应用程序。我没有找到任何相关信息。我的 package.json 缺少启动或运行的条目。我在官方网站上没有找到有关该命令的任何信息。我缺少什么？

包.json

{
  "name": "my-vite-app",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  },
  "dependencies": {
    "vue": "^3.0.4"
  },
  "devDependencies": {
    "@vue/compiler-sfc": "^3.0.4",
    "autoprefixer": "^10.3.5",
    "postcss": "^8.3.7",
    "tailwindcss": "^2.2.15",
    "vite": "^1.0.0-rc.13"
  }
}

Answer 1

您可以通过预览来完成。 文档

"scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },

然后

$ npm run build
$ npm run preview

Answer 2

根据官方文档，“vite build”将使用您的 index.html 文件作为入口点来创建 prod 版本。您还可以指定另一个公共补丁。一探究竟。