title: Unable to import one Svelte component into another
body: <p>I've been really intrigued by <a href="https://svelte.technology/" rel="nofollow noreferrer">Svelte</a> when I went through the documentation yesterday, but I'm struggling to set up even a pretty basic project and I can't seem to figure out what I'm doing wrong.</p>
  
  <p>I'm starting out with the following HTML : </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;My first Svelte app&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;main&gt;&lt;/main&gt;
    &lt;script src='App.js'&gt;&lt;/script&gt;
    &lt;script&gt;
      const application = new App({
        target: document.querySelector( 'main' ),
        data: {
          name: 'world'
        }
      });
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Then, I create the following <code>App.html</code> component : </p>
  
  <pre><code>&lt;div class="app"&gt;Hello {{name}}&lt;/div&gt;
  &lt;div class="lines"&gt;&lt;/div&gt;
  &lt;script&gt;
    export default {}
  &lt;/script&gt;
  </code></pre>
  
  <p>I run <code>svelte compile --format iife App.html &gt; App.js</code>, and everything works fine.</p>
  
  <p>So far, so good!</p>
  
  <p>Now, I create a <code>Line.html</code> component with the following content :</p>
  
  <pre><code>&lt;div class="line"&gt;{{value}}&lt;/div&gt;
  &lt;script&gt;
    export default {}
  &lt;/script&gt;
  </code></pre>
  
  <p>I modify my <code>App.html</code> component like this : </p>
  
  <pre><code>&lt;div class="app"&gt;Hello {{name}}&lt;/div&gt;
  &lt;div class="lines"&gt;&lt;/div&gt;
  &lt;script&gt;
    import Line from './Line.html';
  
    export default {
      oncreate() {
        const line = new Line({
          target: document.querySelector( 'lines' ),
          data: {
            value: 'test'
          }
        });
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>I would expect this code to add something like <code>&lt;div class="line"&gt;test&lt;/div&gt;</code> to the DOM as a child of <code>&lt;div class="lines"&gt;&lt;/div&gt;</code>.</p>
  
  <p>However, I get the following warning when I compile this code : </p>
  
  <pre><code>No name was supplied for imported module './Line.html'. 
  Guessing 'Line', but you should use options.globals
  </code></pre>
  
  <p>And when I try to run the compiled code, I just get the following output in my console :</p>
  
  <pre><code>App.js:250 Uncaught ReferenceError: Line is not defined          at App.js:250
  index.html:10 Uncaught TypeError: App is not a constructor       at index.html:10
  </code></pre>
  
  <p>What am I doing wrong here?</p>
  
  <hr>
  
  <h3>Note</h3>
  
  <p>I also raised this issue <a href="https://github.com/sveltejs/svelte/issues/745" rel="nofollow noreferrer">on Github</a>.</p>