Wie mokka mit webpack zu verwenden, babel und reagieren

Question

Ich möchte TDD (über CLI) mit einer Codebasis beginnen, die react jsx und webpack mit dem babel-loader bündelt.

Jest ist zu langsam zu verwenden, und es ist schwierig, Knoteneinheit, Mocha oder Jasmin über die CLI zu verwenden, da ich zuerst die jsx zu js umwandeln müsste.

Ich mochte wirklich die Lösung sah ich here (verwenden Sie die Option --compile von Mocha Code durch Babel übergeben, bei 1:49 gezeigt), aber es funktioniert nicht ganz das gleiche wie im Video gezeigt. Mein Kanarietest schlägt bei dem Schlüsselwort import fehl, so dass das Babel ES6 nicht übersetzen kann, geschweige denn jsx.

Kann jemand die Option --compile für Mocha verwenden, um jede jsx-Datei und ihre Abhängigkeiten erfolgreich durch babel transpiler zu übergeben? Oder eine andere Lösung wie Scherz, aber viel leistungsfähiger?

Answer 1

Der Grund dafür, dass der Code im Video nicht mehr funktionierte, liegt daran, dass babel das Register in ein eigenes Modul umstrukturiert hat. Verwenden Sie statt babel/register babel-register (Sie müssen dieses Paket separat installieren).