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

Posted 2023-03-16

【中文标题】Vuejs3，Vite - 如何运行生产构建

【英文标题】：Vuejs3, Vite - How to run Production Build

【发布时间】：2021-11-17 21:44:44

【问题描述】：

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

package.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"
  

【问题讨论】：

运行npm build 后会发生什么？任何控制台消息？

【参考方案1】：

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