博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

记一次process.env.NODE_ENV引发的问题

Posted on 2022-07-18 14:17  地霊殿~三無  阅读(987)  评论(0编辑  收藏  举报

一、process.env.NODE_ENV是什么?

在vue项目中,process.env读取的是env文件里全局环境变量, 其中我们常用NODE_ENV来区分生产环境or开发环境。

二、 这个变量如何配置

这个变量是用户自定义的,配置在package.json里。

image.png

如果没有配置,就是默认的dev是developmet,build:prod是Production,其他命令默认都是development。

以下是错误的配置方法(引以为戒)

image.png

NODE_ENV或者ENV这两种写法,都不会随着打包命令的不用而被读取到,环境变量env文件里,能被读取到的变量必须是VUE_APP前缀开头的,这两种写法,纯粹是给码农自己看的而已。

所以当有多个环境,多个env文件时,不能单单在env文件里用NODE_ENV或者ENV这两种写法来区分不同环境。

三、解决方法

1、在env文件里新起VUE_APP_NODE_ENV(记得前缀是VUE_APP就行,标志位变量名随便起),项目都能根据命令不同,

正常读取到这个标志变量的值。也不用多安装一个cross-env,并且在package.json文件里进行配置

ps:个人感觉这种会方便一点,也比较直观,不会像我一样犯这种奇葩错误,以为在env里改了NODE_ENV就行就行。

2、安装cross-env

安装命令 npm install --save-dev cross-env

安装完之后,去到package.json里进行配置

默认配置是

image.png 根据需要自行修改即可

ps: 久违的更新,后续在掘金那边更新比较多吧。

image.png


作者:用户636430007170
链接:https://juejin.cn/post/7121543583319982087
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
Live2D