title: Polymer element with javascript dependencies
body: <p>I've created <a href="https://github.com/robdodson/mark-down" rel="noreferrer">a Polymer element for rendering markdown</a> which uses the marked.js library. I was wondering, what is the recommended way of loading in its dependencies?</p>
  
  <p>Should I just use a script tag?</p>
  
  <pre><code>&lt;script src="../marked/lib/marked.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Or would it be better to put all of my dependencies into an html import and link to that one file. In this case I only have one dependency but I could easily have more.</p>
  
  <pre><code>&lt;!-- in scripts.html --&gt;
  &lt;script src="../marked/lib/marked.js"&gt;&lt;/script&gt;
  &lt;script src="../foo/foo.js"&gt;&lt;/script&gt;
  &lt;script src="../bar/bar.js"&gt;&lt;/script&gt;
  
  &lt;!-- in mark-down.html --&gt;
  &lt;link rel="import" href="scripts.html"&gt;
  </code></pre>
  
  <p>Note: These paths assume my element (and its dependencies) are being installed with bower so they should all be siblings in <code>bower_components</code>.</p>