So verpacken Sie das vue.js-Projekt

So verpacken Sie das vue.js-Projekt: Öffnen Sie zuerst die Datei „webpack.dev.conf.js“ und ändern Sie dann den AssetsPublicPath unter Build. Führen Sie schließlich den Befehl „npm run build“ aus.

Die Betriebsumgebung dieses Tutorials: Windows7-System, webstorm2017.1.4&&vue2.0-Version, Dell G3-Computer.

Empfohlen: vue-Tutorial

Vue-Projektverpackungsschritte

vue-Projektverpackung

1. Terminal-Ausführungsbefehl npm run build

2. Die Anzeichen für eine erfolgreiche Verpackung und Projektänderungen, wie gezeigt unten:

3. Klicken Sie auf index.html und führen Sie es über den Browser aus. Die folgende Fehlermeldung wird angezeigt, wie im Bild gezeigt: 4. Wie soll es also sein? geändert werden?

Die spezifischen Schritte sind wie folgt:

1. Sehen Sie sich den Skriptbefehl der Datei package.js an. 2. Öffnen Sie die Datei webpack.dev.conf.js, suchen Sie publicPath: config.dev.assetsPublicPath, drücken Sie Strg und klicken Sie auf Springen Sie zur Datei index.js

3. dev ist die Entwicklungsumgebung und build ist die Build-Version. Suchen Sie AssetsPublicPath: '/' unter Build und ändern Sie es dann in AssetsPublicPath: './', das heißt, fügen Sie vorher einen Punkt hinzu „/“.

4. Führen Sie npm run build im Terminal aus. Klicken Sie zu diesem Zeitpunkt auf index.html und führen Sie es über den Browser aus. Sie werden feststellen, dass das dynamisch gebundene statische Bild nicht gefunden werden kann, daher muss statisch ein absoluter Pfad verwendet werden. Ändern Sie den Bildpfad in einen absoluten Pfad. An diesem Punkt ist die Paketierung abgeschlossen.

Das obige ist der detaillierte Inhalt vonSo verpacken Sie das vue.js-Projekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!