/ / Polymer: registreren van elementen in externe scripts - polymeer

Polymer: registreren van elementen in externe scripts - polymeer

In de meeste voorbeelden die ik heb gezien voor het maken van elementen, wordt het script dat het element registreert, gedefinieerd in het HTML-bestand van de component, bijvoorbeeld

<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>

Het is mogelijk om die registratie in plaats daarvan in een extern script te doen, bijvoorbeeld

<script src="my-element.js"></script>

Dat lijkt een aantrekkelijke optie omdat het script dan zichtbaar wordt voor tools zoals JSHint, maar dan verlies je de automatisch gegenereerde documentatie van attributen, etc.

Bestaat er een workflow of een reeks tools waarmee u het beste uit twee werelden kunt halen?

bijv. een onbewerkte sjabloon en script combineren in een enkel HTML-bestand op een vergelijkbare manier als het voorbewerken van CSS met Sass?

antwoorden:

2 voor antwoord № 1

Ja. Polymeer ondersteunt het registreren van een element door naar een extern script te verwijzen. Zien http://www.polymer-project.org/docs/polymer/polymer.html#separatescript. Een oorspronkelijke reden waarom het element in de aanroep is Polymer() is om dit te ondersteunen. Het koppelt de definitie aan het script.


Gerelateerde Vragen


Reacties (0)

Voeg een reactie toe