Vue.js: determine si el entorno actual es un entorno de desarrollo o un entorno de producción (con muestra)

1. Ejemplo de juicio
(1) A veces necesitamos determinar en el código si el proyecto actual está en un entorno de desarrollo o en un entorno de producción y luego ejecutar diferentes códigos lógicos según los diferentes entornos. Aquí hay un ejemplo simple:

if (process.env.NODE_ENV === "development") {
    
    
  alert("开发环境");
}else {
    
    
  alert("生产环境");
}

(2) Si está en un entorno de desarrollo (al ejecutar npm run dev), se mostrarán los siguientes resultados:

(3) Si está en un entorno de producción (al ejecutar npm run build), se mostrarán los siguientes resultados:

2. Principio de juicio
(1) Hay dos archivos dev.env.js y prod.env.js en la configuración carpeta del proyecto, que configuran las variables del entorno de desarrollo y las variables del entorno de producción respectivamente.


(2) Abra el archivo dev.env.js y podrá ver que el valor de la variable NODE_ENV es desarrollo.

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
 
module.exports = merge(prodEnv, {
    
    
  NODE_ENV: '"development"'
})

(3) Abra el archivo prod.env.js y podrá ver que el valor de la variable NODE_ENV es producción.

'use strict'
module.exports = {
    
    
  NODE_ENV: '"production"'
}

Reimpreso en: https://www.hangge.com/blog/cache/detail_2497.html

Supongo que te gusta

Origin blog.csdn.net/asd54090/article/details/114524103
Recomendado
Clasificación