<p dir="auto">Hello,<br>
When using the Koa router example I am seeing some strange behavior. When loading pages between routes the app it flashes a 404. I've isolated it down to:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="  router.get('*', async ctx =&gt; {
    await handle(ctx.req, ctx.res);
    ctx.respond = false;
  });"><pre class="notranslate"><code class="notranslate">  router.get('*', async ctx =&gt; {
    await handle(ctx.req, ctx.res);
    ctx.respond = false;
  });
</code></pre></div>
<p dir="auto">When this block is removed we lose the next handled 404 page. Any guidance the app.getRequestHandler()(req, res) would be much appreciated.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate</li>
</ul>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>


<p dir="auto">It'd be nice to support config files with Babel syntax, e.g., as <code class="notranslate">next.config.babel.js</code> a la Webpack.</p>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto"><code class="notranslate">next.config.babel.js</code> isn't picked up, and <code class="notranslate">next.config.js</code> doesn't seem to support syntax enabled by <code class="notranslate">.babelrc</code>.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>Use Babel-enabled syntax in <code class="notranslate">next.config.js</code> or try <code class="notranslate">next.config.babel.js</code>.</li>
</ol>
<h2 dir="auto">Context</h2>


<p dir="auto">We are all used to modern JavaScript features when writing our JS. Some features would be especially useful, e.g., object spread operator.</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td>3.2.1</td>
</tr>
<tr>
<td>node</td>
<td>8.4.0</td>
</tr>
<tr>
<td>OS</td>
<td>macOS Sierra 10.12.6 (16G29)</td>
</tr>
<tr>
<td>browser</td>
<td>Google Chrome 60.0.3112.113 (Official Build) (64-bit)</td>
</tr>
</tbody>
</table>