title: ES6 Modules, VueJS And TypeScript
body: <p>I am trying to create a minimalistic setup and want to use the above features.. So in my JavaScript code I have a:</p>
  
  <pre><code>&lt;script type="module" src="./myapp.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>which loads the myapp.js module. Inside the myapp.js I want to create a Vue component. Ofcourse I want to write this component with TypeScript (myapp.ts) and transpile this to js. However, to get typeinfo inside the .ts code I have to import Vue typings like this:</p>
  
  <pre><code>import Vue from 'vue'
  
  var app = new Vue({
      el: '#app',
      data: {
          message: 'Hello Vue!'
      }
  });
  </code></pre>
  
  <p>When I transpile this, this code is maintained in es2015 module syntax (because of my tsconfig.settings), the result is this javascript:</p>
  
  <pre><code>import Vue from 'vue';
  
  var app = new Vue({
      el: '#app',
      data: {
        message: 'Hello Vue!'
      }
  });
  </code></pre>
  
  <p>and the browser does not accept this named import. </p>
  
  <p>The question is: (how) can I import typings that are exported without importing it using the above statement. I tried ///  syntax but the types still were not available. Is this because the types are explicitly exported and therefore need to be imported using the import syntax?</p>
  
  <p>Is there a way to get the typings without import? Is there a way to use the named import to get the typings but exclude that line for transpilation? Is there another way to achive this (without the webpack or other setups)?</p>
  
  <p>Thanx 
  John.</p>