importieren/Bild oder Öffentlichen Ordner benötigen?

Question

In einem webpack Reagieren Projekt, ich

oder

<img src='img.png'/> (import zu verwenden äquivalent) und setze das Bild in den public Ordnern ein Bild durch

<img src={require('./img.png'}/> hinzufügen kann.

Was ist der Unterschied zwischen den beiden und was wird bevorzugt?

Von meinen Tests scheint es, als würde der Browser das Bild nur dann cachen, wenn es in public Ordner ist?

Answer 1

Die zweite ist bevorzugt. Öffentliches Verzeichnis speichert statische Assets. Teil der webpack-Philosophie. Und ich denke, dass du kein lästiges "require" im src-Attribut hinzufügen willst.