Ich habe versucht, das react-spin npm-Modul zu verwenden, aber wenn ich versuche, ein bundle.js mit webpack zu erstellen, erhalte ich den folgenden Fehler:
%Vor%Ich vermute, dass dieses Modul jsx enthält, aber ich verstehe nicht, warum es nicht gebaut werden kann? Benötigt react-spin beim Aufbau eines Bündels eine zusätzliche Konfiguration?
Hier ist meine vollständige webpack.config.js :
%Vor% Ihr Loader ist so konfiguriert, dass nur Dateien konvertiert werden, die in .jsx
enden:
(Das Dollarzeichen bedeutet Ende der Zeichenfolge.)
Sie könnten es in
ändern %Vor% um die Dateien .js
und .jsx
zu transformieren, aber das Ausführen jeder JavaScript-Datei in node_modules
durch den JSX-Loader wird wahrscheinlich ziemlich langsam sein.
Ich glaube, Sie sollten eine exclude
-Option von /node_modules/
und dann eine include
-Option für das betreffende Modul ( react-spin
) einstellen können, aber die beste Lösung ist, dass Pakete JSX nicht verwenden In der veröffentlichten Version von JavaScript ist der Autor von react-spin
möglicherweise für eine Pull-Anforderung zu diesem Zweck geöffnet. (Edit: es scheint dort schon eins zu sein, siehe thomasboyt / react-spin # 3 )
Schließlich ist react-spin
sehr klein , also denkt ihr über euch nach Implementieren Sie es selbst in Ihrem eigenen Projekt (damit Sie sich nicht um Probleme mit dem Webpack Loader kümmern müssen).
Tags und Links javascript npm reactjs webpack