javascript - vue peut choisir de charger différents modules en fonction de la commande d'empaquetage de webpack. Par exemple, lorsque npm exécute dev, un module global.dev.js est chargé.

Question

En fait, je souhaite principalement charger différentes variables globales lorsque webpack exécute npm run build, npm run dev, npm run test, telles que l'adresse de l'API, l'adresse des ressources statiques, etc. Désormais, chaque fois que j'utilise vuex pour publier dans l'environnement de production, je dois modifier manuellement la variable host stockée dans vuex, ce qui semble un peu stupide...

伊谢尔伦 · Answer

Vous pouvez vous référer à la configuration de vue-cli
Par exemple, ajoutez du code au script de la phase de production (build/build.js) : process.env.NODE_ENV = 'production'

De cette façon, dans main.js, vous pouvez porter des jugements différents en jugeant la valeur de process.env.NODE_ENV et définir différentes valeurs pour les variables.