Webpack mit reaktiven Modulen, die ein unerwartetes Token ausgeben

8

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%     
ApathyBear 13.07.2015, 01:58
quelle

1 Antwort

16

Ihr Loader ist so konfiguriert, dass nur Dateien konvertiert werden, die in .jsx enden:

%Vor%

(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).

    
Michelle Tilley 13.07.2015, 03:19
quelle

Tags und Links