Zusammenfassung der Methoden zum Packen von Vue-Projekten nach Umgebung

Dieser Artikel stellt Ihnen eine Zusammenfassung der Methoden zum Packen von Vue-Projekten nach Umgebung vor. Er hat einen gewissen Referenzwert. Ich hoffe, er wird für Sie hilfreich sein.

Als wir Projekte entwickelten, hatten die neu erstellten Projekte nur zwei Entwicklungsumgebungen: dev und pro. Manchmal brauchten wir eine Testumgebung zum Testen, also fanden wir viele Methoden Hier ist die einfachste Methode, die jeder verwenden kann:

1. package.json

Fügen Sie unter Build einen Testlaufbefehl hinzu

2. prod.env.js

Ändern Sie den Code in config -> prod.env.js

  'use strict'
  // 读取系统运行时候的变量
  const target = process.env.npm_lifecycle_event;
  // 控制台日志输出
  console.log('env is deploying, current env is', target)
  // 判断环境变量，是test，还是build
  if (target == 'test') {
    var obj = {
      NODE_ENV: '"production"',
      API_ROOT: '"此处替换为测试环境地址"',
    }
  } else {
    var obj = {
      NODE_ENV: '"production"',
      API_ROOT: '"此处替换为测试环境地址"',
    }
  }
    
  module.exports = obj;

3. Testumgebung:

$ npm run test

正式环境: 
"
$ npm run build
"

Empfohlene verwandte Artikel:

Was ist das Implementierungsprinzip des V-Modells? Einführung in die Verwendung des V-Modells (mit Code)

Detaillierte Erklärung, wie man das Sprudeln von Ereignissen in Vue verhindert

Das obige ist der detaillierte Inhalt vonZusammenfassung der Methoden zum Packen von Vue-Projekten nach Umgebung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!