Für ein SET-Spiel, das ich in React (mit Create React App) erstelle, muss ich 81 Image-Dateien importieren, die die 81 möglichen Karten repräsentieren, die im Spiel verwendet werden. Mit Hilfe eines Python-Skript, habe ich diese extrem lange Liste der ImporteVermeiden einer langen Liste von Importen in React
import i0000 from './assets/0000.png'
import i0001 from './assets/0001.png'
[...]
import i2221 from './assets/2221.png'
import i2222 from './assets/2222.png'
und da ich diese Variablen mit Strings verweisen müssen, um jede Karte darstellt, habe ich dieses Objekt:
const refs = {
'0000': i0000,
'0001': i0001,
[...]
'2220': i2220,
'2221': i2221,
'2222': i2222
};
die gute Sache ist, dass ich habe jetzt alle Kartenbilder mit vorinstalliertem
<img src={refs[card]} />
leicht aufgerufen werden, aber das Schlimme ist, ich 164 Zeilen lächerlich Code haben, es funktioniert. Ich frage mich, ob es einen besseren Weg gibt, ein Verzeichnis voller Bilder vorab zu cachen und zu referenzieren.
Würden Sie so etwas verwenden können? Sie verwenden eine Funktion von Webpack, um alle Bilder aus einem Verzeichnis zu importieren. https://stackoverflow.com/a/42118921/9104680 –
Hop hilft https://stackoverflow.com/questions/48560592/is-it-possible-to-import-a-group-of-images-as-an -array-create-react-app-projec/48561549 # 48561549 – Jayavel