In most of the examples I've seen for creating elements the script that registers the element is defined in the component's HTML file, e.g.
<link rel="import" href="/components/polymer/polymer.html"><polymer-element name="my-element"><template> ...</template><script> // convenience wrapper for document.registerElement Polymer('my-element', { ... });</script></polymer-element>It's possible to do that registration in an external script instead, e.g.
<script src="my-element.js"></script>That seems like an attractive option because the script then becomes visible to tools like JSHint, but then you lose the automatically generated documentation of attributes, etc.
Is there a workflow or set of tools that help you get the best of both worlds?
e.g. combine a raw template and script into a single HTML file in a similar way to preprocessing CSS with Sass?