Wie deaktiviere ich Quellkarten im Produktionsvue -Build?

Das Deaktivieren der Quellkarte in VUE -Projekten in einer Produktionsumgebung ist einfach und wird hauptsächlich durch Änderung der Build -Konfiguration erreicht. 1. Für Vue -CLI -Projekte setzen Sie ProductionSourcemap: Falsch in vue.config.js; 2. Setzen Sie für Vite -Projekte Sourcemap in der Build -Konfiguration von vite.config.js auf false. Dies verhindert, dass .Map -Dateien generiert werden, die Sicherheit verbessert, das Bereitstellungsvolumen reduziert und eine irreführende Online -Debuggierung vermeidet. Die Überprüfungsmethoden umfassen die Überprüfung, ob das DIST -Verzeichnis .MAP -Dateien enthält und ob die Quellcodestruktur in den Browser -Entwickler -Tools nicht erweitert werden kann. Es wird empfohlen, die Konfiguration in die Versionskontrolle einzuschließen, um die Konsistenz der Teams zu gewährleisten.

Das Deaktivieren der Quellkarte in VUE -Projekten in einer Produktionsumgebung ist tatsächlich sehr einfach. Sie steuert hauptsächlich die relevanten Optionen in der Build -Konfiguration. VUE -Projekte verwenden normalerweise Vue CLI oder vite für Verpackungen und Konstruktionen, und die Einstellungen verschiedener Werkzeuge sind etwas unterschiedlich.

Ändern Sie Vue.config.js, um die Quellkarte zu schließen (für Vue CLI).

Wenn Sie ein Projekt über die Vue -CLI erstellen, generiert der .map .

Sie müssen nur die folgende Konfiguration zur Datei vue.config.js im Stammverzeichnis des Projekts hinzufügen:

 module.exports = {
  ProduktionSourcemap: Falsch
}

Nach dieser Konfiguration wird die Quell -Map -Datei bei der Ausführung npm run build oder yarn build nicht generiert.

So deaktivieren Sie die Quellkarte beim Erstellen mit VITE

Wenn Sie ein Vue -Projekt verwenden, das von Vite erstellt wurde, ist die Art und Weise, um die Quellkarte zu schließen, geringfügig unterschiedlich.

In vite.config.js kann die Erzeugung von Sourcemap über build -Konfigurationselement gesteuert werden:

 Importieren Sie {DefinoConfig} aus 'vite'
Importieren Sie Vue aus '@vitejs/plugin-vue'

Standard default DefinoConfig ({{
  Plugins: [Vue ()],
  bauen: {
    Sourcemap: Falsch
  }
})

Nach dieser Konfiguration gibt VITE die Quell -Map -Datei beim Verpacken nicht aus.

Warum müssen Sie die Quellkarte ausschalten?

• Sicherheitsüberlegungen : Source Map erleichtert es anderen, Ihre Quellcodestruktur wiederherzustellen, insbesondere für Projekte mit sensiblerer Front-End-Logik.
• Reduzieren Sie das Bereitstellungsvolumen : Quellkarte -Dateien können Platz in Anspruch nehmen, insbesondere bei großen Projekten. Wenn Sie diese entfernen, können Sie die Größe des Release -Pakets verringern.
• Vermeiden Sie irreführendes Debuggen : Online -Umgebungen sollten nicht zum Debuggen verwendet werden. Das Beibehalten von Quellkarten kann für irreführende Probleme verwendet werden, was sich auf die Effizienz der Fehlerbehebung auswirkt.

Bestätigen Sie, ob die Quellkarte erfolgreich deaktiviert ist

Sie können überprüfen, ob die Quellkarte nicht auf folgende Weise generiert wird:

• Überprüfen Sie nach der Ausführung des Befehls für Build, ob die .map -Datei im dist/ Verzeichnis vorhanden ist.
• Öffnen Sie das Quellen -Panel in den Browser -Entwickler -Tools, um zu überprüfen, ob eine erweiterbare Quellcodestruktur vorliegt.

Wenn Sie die Quellcode -Karte oder .map -Datei nicht sehen, bedeutet dies, dass sie sich ausgewirkt hat.

Grundsätzlich ist das. Der Betrieb ist nicht kompliziert, aber leicht zu ignorieren, insbesondere in der Teamzusammenarbeit. Denken Sie daran, diese Konfiguration der Versionskontrolle hinzuzufügen, um sicherzustellen, dass die von allen erstellte Produktionsversion konsistent ist.

Das obige ist der detaillierte Inhalt vonWie deaktiviere ich Quellkarten im Produktionsvue -Build?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!