title: How to use mocha with webpack, babel and react
body: <p>I'd like to start doing TDD (via CLI) with a codebase that's using react jsx and webpack with the babel-loader to bundle.</p>
  
  <p>Jest is too slow to use, and it's difficult to use nodeunit, mocha, or jasmine through the CLI since I would need to transpile the jsx to js first.</p>
  
  <p>I really liked the solution i saw <a href="https://www.youtube.com/watch?v=bnWIBeImVKg" rel="nofollow">here</a> (use the --compile option of mocha to pass code through babel, shown at 1:49) but it doesn't quite work the same as shown in the video. My canary test is failing at the import keyword, so clearly the babel is failing to transpile ES6, let alone jsx.</p>
  
  <p>Does anyone know how to use the --compile option for mocha to pass each jsx file and its dependencies through babel transpiler successfully? Or another solution like jest but vastly more performant?</p>