Was macht der webpack file-loader?

Question

Ich lerne Webpack in den letzten Tagen zu lernen, und ich fühle mich auf Webpack-Datei-Loader verwirrt. Wie ich weiß, können wir Datei-Loader verwenden, um eine Datei wie Bild zu kopieren und den Namen der Datei anzupassen oder zu kodieren und einen Pfad zurückgeben. Aber ich weiß nicht, warum wir file-loader brauchen, wofür wird der zurückgesendete Pfad verwendet? Ich denke, dass diese Dinge, die Datei-Loader tun kann, auch manuell leicht gemacht werden kann, liege ich falsch? Ich bin neu im Webpack, habe online gesucht und nichts gefunden. Jede Hilfe wird geschätzt, danke im Voraus!

Answer 1

Eine Sache, die bei der Verwendung von file-loader nützlich ist, ist, dass Sie Dateinamen generieren können, die "Inhalt hashed", was bedeutet, dass der Dateiname einen Hash basierend auf dem Inhalt der Datei enthält. Dies hilft sehr dabei, sicherzustellen, dass Clients aufgrund von Browser- oder CDN-Caches nicht versehentlich ältere Versionen der Datei verwenden. Wenn Sie require die Datei abrufen, um seine URL zu erhalten, muss daher keiner der Code Verweise auf die neue Version der Datei ändern. Weitere Informationen finden Sie in der Dokumentation unter Filename template placeholders.

Außerdem wird alles, was mit file-loader geladen wurde, in die Assets JSON-Ausgabe von Webpack aufgenommen, sodass Sie alle Assets an einem Ort sehen können.

Sie haben recht, dass all diese Dinge manuell erledigt werden können, aber viele finden mit webpack solche Dinge bequemer. YMMV.