import.meta.env.PROD部分错觉

关于import.meta.env.PROD和import.meta.env.DEV

指定是NODE_ENV 分别为development和production
vite build ，那么他会自动默认加载.env.production倒是没有问题

但是如果使用了--mode去加载设置加载不同的文件
注意这个时候其实都是import.meta.env.DEV为true，所以要标明其NODE_ENV

如下图所示，如果build 的.env 不标明 NODE_ENV = production。那么其import.meta.env.PROD永远false。

标明之后
执行npm run build:uat,可以看到PROD是true了

import.meta.env.PROD部分错觉相关推荐

vite .env环境变量配置
官方文档https://cn.vitejs.dev/config/ 1. .env.development和.env.production(放在根目录下,一定看清楚别放在SRC下) 默认情况下,开发服 ...
在vite里获取env环境变量
在vite里获取env环境变量 .env环境配置文件在cli项目中我们可以是配置.env.[mode]文件来配置环境变量在cli项目中使用.env.[mode] 在vite中使用.env文件 .e ...
NestJS、Vite 和 esbuild 入门
在本文中,我们将学习 NestJS.Vite 和 esbuild: 他们如何一起工作: 以及如何配置 NestJS 应用程序以使用其他工具作为依赖项. 在此过程中,我们将学习如何在现实生活场景中使用它 ...
[vue] Vite的使用
[vue] Vite的使用环境 package.json文件变更变更脚手架修改脚本命令 index.html 文件 htmlWebpackPlugin 替换为 vite-plugin-html ...
Vite（三）部署静态站点（wordpress与hugo与Vercel、CI/CD、Travis CI、GitLab CI）、环境变量与模式、服务端渲染（SSR）
Vite(三)部署静态站点(wordpress与hugo与Vercel.CI/CD.Travis CI.GitLab CI).环境变量与模式.服务端渲染(SSR) 文章目录 Vite(三)部署静态站点 ...
Vue3系列(二)之安装依赖与UI框架初体验
目录一.安装常用依赖二.UI框架体验 1.Element-plus 1.1 完整引入 1.2 按需引入 1.3 国际化 - 中文 2.Ant-Design 2.x 2.1 完整引入 2.2 按需引 ...
Vue3 —— 使用Vite配置环境变量
文章目录一.为什么要配置环境变量? 二.在Vite中配置环境变量 1.环境变量和模式 2.环境变量 3.生产环境替换 4.env 文件总结一.为什么要配置环境变量? 在一个产品的前端开发过程中, ...
Vite 完整版详解
目录序论: vite架子分析 1. 打包构建: 2.环境变量 3.模式 4.兼容老浏览器 5.typescript相关 6.基本配置核心配置全集推荐两个插件插件Volar . Vue 3 Sni ...
vue3+vite中使用环境变量 .env 的一些配置情况说明
在项目文件中新建文件.env .env.pro 两个文件其中.env 是默认设置 .env.pro 为正式环境设置 1.设置.env中的内容信息注意vue3+vite 必须使用VITE开头的配置信息 ...

import.meta.env.PROD部分错觉

import.meta.env.PROD部分错觉相关推荐

最新文章

热门文章