vue测试环境、正式环境、本地环境 process.env.NODE_ENV

本文介绍了Vue中process.env.NODE_ENV的作用,它用于区分开发、测试和生产环境。通过修改webpack配置和添加环境变量文件,如test.env.js,结合cross-env设置NODE_ENV,实现不同环境的代码打包。提供了详细的配置步骤和代码示例。
摘要由CSDN通过智能技术生成

process.env.NODE_ENV 是什么?

在node中,有全局变量process表示的是当前的node进程。
process.env包含着关于系统环境的信息,但是process.env中并不存在NODE_ENV这个东西。
NODE_ENV是一个用户自定义的变量,在webpack中它的用途是判断生产环境或开发环境。

二、process.env.NODE_ENV该如何配置?

修改路径步骤

  • 1:找到build.js 文件 将process.env.NODE_ENV = 'production'注释
  • 2:找到webpack.prod.conf.js 将const env = require(’…/config/prod.env’)修改成动态的
 const env = require(`../config/${process.env.NODE_ENV}.env`)
  • 3:config文件夹中添加test.env.js文件 里面的内容为
 * 'use strict'
 *  module.exports = {
 *     NODE_ENV: '"test"'
 * }
  • 4:cross-env node是没有的 需要先 npm install --save-dev cross-env
  • 5:找到package.json文件,修改
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值