2017-02-03 4 views
0

Ich habe angefangen, eine neue Aufgabe Läufer mit alle meine Ordner in einen Distributionsordner exportieren Gulp verwenden. Das Problem tritt auf, wenn ich Bilder in den Distributionsordner exportiere, der Pfadname unterscheidet sich von dem, den ich in meiner src-Datei verwende. So, als Beispiel, wenn ich ein Bild in HTML Ziel I-Typ:Verteilung Dateiquelle ist anders als Entwicklungspfad Quelle

/assets/images/example.jpg

Wenn jedoch die HTML-Datei verteilt wird, wird angenommen, Ziel:

/images/example.jpg

Es zeigt noch auf die Vermögenswerte Ordner und erstellt einen toten Link. Sollte ich ein Modul wie gulp-replace verwenden, um diese Pfadnamen automatisch zu ändern? Oder sollte ich einfach den vermuteten Pfadnamen eingeben? Oder gibt es eine andere Methode, die ich vermisse?

Sorry, wenn ich das schlecht formuliert habe, bin ich zu einer neuen Entwicklungsumgebung arbeiten - lassen Sie mich wissen, wenn ich Sie mit anderen Details zur Verfügung stellen kann.

+1

Sie könnten einfach Ihre _src_ Unterordner in Ihre _dist_ Ordner replizieren, so dass Sie die folgende Ordnerstruktur _dist> Assets> Bilder haben> example.jpg_. Oder umgekehrt, wenn '/ images/example.jpg' der Pfad Referenz möchten Sie lieber in Ihrem verteilten Code verwenden, entfernen Sie den _assets_ Ordner von Ihrem _src_ so haben Sie die folgende Ordnerstruktur _src> Bilder> example.jpg_ . In jedem Fall müssen die relativen Pfadreferenzen nicht zwischen Quellcode und Verteilungscode geändert werden. – RobC

Antwort

1

Sollte ich ein Modul wie gulp-replace verwenden, um diese Pfadnamen automatisch zu ändern?

Ja, gulp-replace wird den Trick machen.

Als Alternative Sie Ihre Datei index.html in Assets Ordner platzieren können, so dass Sie das Projekt keine Pfade ändern müssen, wenn die Verteilung.

+0

Ich halte es für sinnvoller, die Dateistrukturen zusammenzuhalten, um Lesbarkeit und Struktur zu verbessern - danke für die Hilfe. – JCoulam

+1

@JCoulam - du hast Recht. Ich denke, die vorgeschlagene Alternative sollte das sein, was Sie zuerst erreichen wollen. Wenn Sie das aus irgendeinem Grund nicht erreichen können, dann wäre die Alternative, eine weitere Abhängigkeit wie [gulp-replace] (https://www.npmjs.com/package/gulp-replace) zu verwenden. – RobC