Polymer: Registering Elements in External Scripts

Vote count:

0

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?

asked 15 secs ago

Walter Rumsby

3,328

Polymer: Registering Elements in External Scripts