title: Unexpected token import with vue-router
body: <p>I'd like to store my Vue templates into variables so I can route them.</p>
  
  <p>I created an App.vue file containing only a HTML title (for testing purposes), and a main.js file with an 'import' command that I never used in JavaScript, but I don't know any other way to get a template file's content into a variable, knowing that every documentation tell to do like that.</p>
  
  <p>Anyway, with this 'import' command I get this error:
  "Uncaught SyntaxError: Unexpected token import"</p>
  
  <p>And here's the import line: "import App from '../vues/App';"</p>
  
  <p>I checked the path, it's ok, but if you know any other way to get a template file's content into a JS variable, let me know.</p>
  
  <p>Thank you for your attention.</p>
  
  <p>EDIT:
  main.js</p>
  
  <pre><code>import App from '../vues/App';
  
  new Vue({
      el: '#app',
      template: '&lt;App/&gt;',
      components: { App }
  });
  </code></pre>
  
  <p>App.vue:</p>
  
  <pre><code>&lt;template&gt;
      &lt;h1&gt;Hello World!&lt;/h1&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {}
  &lt;/script&gt;
  </code></pre>