Vue.js - Déterminer si l'environnement actuel est un environnement de développement ou un environnement de production (avec exemple)

1. Exemple de détermination
(1) Parfois, nous devons déterminer si le projet en cours est dans un environnement de développement ou un environnement de production dans le code, puis exécuter différents codes logiques en fonction de différents environnements. Voici un exemple simple :

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

(2) Si vous êtes dans un environnement de développement (lors de l'exécution de npm run dev), les résultats suivants seront affichés :

(3) Si vous êtes dans un environnement de production (lors de l'exécution de npm run build), les résultats suivants seront affichés :

2. Principe de jugement
(1) Il y a deux fichiers dev.env.js et prod.env.js dans la configuration dossier du projet, qui configure respectivement les variables de l'environnement de développement et les variables de l'environnement de production.


(2) Ouvrez le fichier dev.env.js et vous pouvez voir que la valeur de la variable NODE_ENV est en développement.

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

(3) Ouvrez le fichier prod.env.js et vous pouvez voir que la valeur de la variable NODE_ENV est production.

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

Réimprimé sur : https://www.hangge.com/blog/cache/detail_2497.html

Je suppose que tu aimes

Origine blog.csdn.net/asd54090/article/details/114524103
conseillé
Classement