title: ES6 & Webpack: import not working
body: <p>I'm currently learning ES6 &amp; Webpack, and I've have a particular set of files that the <code>import</code> statement just won't work on. Here's the problem:</p>
  
  <p><strong>Sagas.js</strong></p>
  
  <pre><code>import { deleteMe } from './DeleteMe';
  import * as constants from '../Constants';
  
  debugger;
  </code></pre>
  
  <p><strong>DeleteMe.js</strong></p>
  
  <pre><code>export const deleteMe = "Yep, it's loading";
  console.log(deleteMe);
  </code></pre>
  
  <p>In the above file, <code>deleteMe</code> is not accessible from debugger (with Chrome Inspector). <code>constants</code> is.</p>
  
  <p>And Constants.js</p>
  
  <pre><code>export const SET_COMMENTS = 'SET_COMMENTS';
  </code></pre>
  
  <p>Before debugger halts (in Chrome inspector), the "Yep, it's loading" <em>does</em> fire in the console, so the file itself is coming through.</p>
  
  <p>I've tried:</p>
  
  <ul>
  <li><code>import * as deleteMeStuff from ./DeleteMe</code> to see if <code>deleteMeStuff</code> would populate. It doesn't</li>
  <li>Restarting webpack-dev-server. No dice, no errors on compile. Throwing a <code>debugger</code> in ./DeleteMe confirms changes are coming through.</li>
  <li><code>const deleteMe = "Yep, it's working"; export default deleteMe</code> &amp; <code>import deleteMe from './DeleteMe'</code> --> still no joy</li>
  </ul>
  
  <p>At the debugger, I've just noticed <code>_DeleteMe</code> returns <code>{deleteMe: "Yep, it's loading", __esModule: true}</code></p>
  
  <p>Any idea what's going on here &amp; how to fix it? I'm thoroughly confused. There are a ton of other import files working successfully in other files across my app.</p>