Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung der Methoden zum Packen von Vue-Projekten nach Umgebung

不言
Freigeben: 2018-08-02 11:48:42
Original
1476 Leute haben es durchsucht

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

Zusammenfassung der Methoden zum Packen von Vue-Projekten nach Umgebung

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;
Nach dem Login kopieren

3. Testumgebung:

$ npm run test
Nach dem Login kopieren
正式环境: 
"
$ npm run build
"
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage