首页  

vue3 vite prod 和 stage 区别     所属分类 vue 浏览量 32
在Vite中,prod和stage模式主要区别在于它们的构建行为和环境变量的处理方式。
prod模式主要用于生成最终的生产环境应用,而stage模式则提供了类似于生产环境的行为,但允许使用不同的环境变量进行预发布测试。


构建行为
Production ( prod) 模式
这是默认的生产模式,用于生成最终的生产环境应用。
在该模式下,Vite会进行代码压缩、合并和优化,以减少最终应用的体积和提高性能。
Staging ( stage) 模式
这是预发布模式,它具有类似于生产环境的行为,但可以使用不同的环境变量。
在该模式下,Vite也会进行代码压缩和优化,但可以覆盖一些生产环境的配置。


环境变量
在prod模式下,Vite会加载.env文件中的环境变量,并将其暴露在import.meta.env 对象上
在stage模式下,Vite会加载.env.staging 文件中的环境变量,并将其暴露在import.meta.env 对象上
如果不存在.env.staging 文件,构建命令仍然可以正常执行,但在构建过程中不会加载.env.staging 文件中定义的环境变量。


配置文件
在prod模式下,Vite会使用.env文件中的配置。
在stage模式下,Vite会使用.env.staging 文件中的配置。如果不存在.env.staging 文件,可以手动覆盖环境变量。

构建结果:
在prod模式下,生成的包通常较小,因为进行了更多的压缩和优化。
在stage模式下,生成的包也进行了压缩和优化,但可以覆盖一些生产环境的配置。

上一篇     下一篇
PNPM常用命令

若依 vue3 开发环境 前后端搭建记录

数据校验 Java Bean Validation 2.0(JSR380) 实例

vue2 vue3 比较

vue3 核心技术

vue3 vite 和 Vue-CLI