"scripts": {"dev": "vite","build:prod": "vite build","build:stage": "vite build --mode staging","preview": "vite preview"}
vite build 和 vite build --mode staging 是 Vite 构建工具内置的命令
vite build
vite build 是 Vite 专门用于生产环境构建的核心命令。当你运行这个命令时，Vite 会按照既定的配置对项目进行一系列操作，最终生成适用于生产环境部署的静态文件。具体而言，它会完成以下工作：
- 代码打包：把项目中各个模块的代码进行打包处理，减少浏览器需要请求的文件数量，提高加载效率。例如，将多个 JavaScript 文件合并成一个或少数几个文件。
- 代码压缩：对打包后的代码进行压缩，去除其中的空格、注释等不必要的内容，减小文件体积，进一步加快页面加载速度。
- 资源处理：对项目中的各种资源，如图片、字体等进行优化处理，比如压缩图片以降低其占用空间。
vite build --mode staging
vite build --mode staging 同样是 Vite 内置命令的一种使用方式，--mode 是 Vite 提供的一个命令行选项，用于指定当前构建的环境模式。
- 环境模式的作用：在实际开发中，除了常见的开发环境（development）和生产环境（production），还可能存在预发布环境（staging）、测试环境（test）等。不同的环境可能需要不同的配置，比如不同的 API 地址、不同的日志级别等。通过
--mode选项，你可以指定使用不同的环境配置。 staging模式示例：当你运行vite build --mode staging时，Vite 会加载.env.staging文件中的环境变量（如果存在），并根据这些变量进行构建。例如，在.env.staging文件中设置VITE_API_BASE_URL = https://staging-api.example.com，那么在构建过程中，代码里引用的import.meta.env.VITE_API_BASE_URL就会使用这个预发布环境的 API 地址。
总结
vite build 和 vite build --mode staging 都是 Vite 构建工具的内置功能，前者是默认的生产环境构建命令，后者则允许你通过指定环境模式，灵活地为不同环境进行针对性的构建。
