title: How to separate vue.js template into a .vue file while leaving code in .js?
body: <p>I want to separate the vue.js template into a .vue file while leaving code in a .js file.</p>
  
  <p>This is a vue "single file component":</p>
  
  <pre><code>&lt;template&gt;
  ..
  &lt;/template&gt;
  
  &lt;script&gt;
  ..
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>What works</strong>:</p>
  
  <p>Make the .vue file the real component, and define a MIXIN that points to the .js file. <em>Seems very hacky!</em></p>
  
  <p><strong>What I would like:</strong></p>
  
  <p>A single webpack import to the .js file:</p>
  
  <pre><code>...
  &lt;/template&gt;
  
  import ViewModel from 'vm.js'
  </code></pre>
  
  <p>Is this possible? Or a  tag in the .vue file that vue-loader understands?</p>
  
  <pre><code>&lt;template&gt;
  ..
  &lt;script src='vm.js'/&gt;
  &lt;/template&gt;
  </code></pre>
  
  <hr>
  
  <p>Thanks a ton! The goal is to set breakpoints in visual studio code + separation of concerns + readability. :)</p>
  
  <p><strong>Oh, and this needs to work with typescript!</strong> </p>