title: ES6 modules in browser
body: <p>How to import component in existing HTML page, below is the example. I tried with require but no luck.
  `</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;script src="//unpkg.com/vue@2.5.13/dist/vue.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="app"&gt;
       &lt;my-component&gt;&lt;/my-component&gt;
      &lt;/div&gt;
      &lt;script&gt;
      import mycomponent from './components/mycomponent.vue'
      var vm = new Vue({
        el: '#app',
        components: {
          'my-component': mycomponent
          }
        })
      &lt;/script&gt;
     &lt;/body&gt;
  &lt;/head&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>`
  The import line says unexpected identifier! what went wrong here, please help.</p>