webpack process.env.NODE_ENV判断是开发环境还是测试环境

最新推荐文章于 2023-07-14 21:21:57 发布

weixin_43971105

最新推荐文章于 2023-07-14 21:21:57 发布

阅读量828

点赞数

分类专栏： vue 文章标签： webpack vue.js javascript

本文链接：https://blog.csdn.net/weixin_43971105/article/details/128315335

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

env.NODE_ENV

1.在项目下面创建两个个文件：.env.prod 和.env.test

package.json文件中
 "scripts": {
    "dev": "vue-cli-service serve --open --port 8888",
    "build": "vue-cli-service build",
    "build:test": "vue-cli-service build --mode test",
    "build:prod": "vue-cli-service build --mode prod",
    "lint": "vue-cli-service lint"
  }
.env.prod文件
NODE_ENV=prod
.env.test文件
NODE_ENV=test
涉及到测试环境生产环境的变量配置均可在这两个文件中配置
打包：
npm run build:test 测试环境的包
npm run build:prod 生产环境的包

NODE_ENV 是其中的一个环境变量。这个变量主要用于标识当前的环境（生产环境，开发环境）
vue cli的三种模式：
（1）development模式用于vue-cli-service serve
（2）production模式用于vue-cli-service build 和 vue-cli-service test:e2e
（3）test模式用于vue-cli-service test:unit
每个模式都会将NODE_ENV的值设置为模式的名称；比如在development模式下，NODE_ENV=“development”；当然也可以通过为.env的文件增加后缀来设置某个模式下特有的环境变量；