title: Require jsx files without specifying extension
body: <p>I am using <em>browserify</em> and <em>watchify</em>, and would like to <code>require()</code> files other than the default extensions <code>.js</code> and <code>.json</code> without specifying the extension, for instance:</p>
  
  <pre><code>// Not ideal (tedious)
  var Carousel = require('./components/Carousel/Carousel.jsx')
  
  // Ideal
  var Carousel = require('./components/Carousel/Carousel')
  </code></pre>
  
  <p>I have tried <code>--extension=EXTENSION</code> as specified in the <em>browserify</em> documentation:</p>
  
  <pre><code>"scripts": {
    "build": "browserify ./src/App.js --transform [ reactify --es6 ] &gt; dist/script.js -v -d --extension=jsx",
    "watch": "watchify ./src/App.js --transform [ reactify --es6 ] -o dist/script.js -v -d --extension=jsx"
  },
  </code></pre>
  
  <p>However I don't see any change. Is this possible? What would be the right way to do this?</p>