Herramientas de usuario
wiki2:vue:webcomponents
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
wiki2:vue:webcomponents [2018/10/14 14:41] alfred [Varios en un único bundle] |
wiki2:vue:webcomponents [2020/05/09 09:25] (actual) |
||
|---|---|---|---|
| Línea 25: | Línea 25: | ||
| * https://cli.vuejs.org/guide/build-targets.html#web-component | * https://cli.vuejs.org/guide/build-targets.html#web-component | ||
| + | :!: Take into account the compatibility of ''window.customElements'': | ||
| + | * https://developer.mozilla.org/en-US/docs/Web/API/Window/customElements#Browser_compatibility | ||
| ===== Varios en un único bundle ===== | ===== Varios en un único bundle ===== | ||
| <code> | <code> | ||
| Línea 31: | Línea 33: | ||
| Los componentes se inferirán a partir del nombre. ''foo-user-component'' por ejemplo para UserComponent. | Los componentes se inferirán a partir del nombre. ''foo-user-component'' por ejemplo para UserComponent. | ||
| + | Se pueden pedir los componentes asincronamente si el bundle crece mucho con... | ||
| + | <code> | ||
| + | vue-cli-service build --target wc-async --name foo 'src/components/*.vue' | ||
| + | </code> | ||
| + | ===== Otros parámetros a usar ===== | ||
| + | |||
| + | <code> | ||
| + | # Para producción | ||
| + | --mode production | ||
| + | # Para watchear | ||
| + | --watch | ||
| + | # Para escoger destino | ||
| + | --dest ../ | ||
| + | </code> | ||
| ===== Internamente hace... ===== | ===== Internamente hace... ===== | ||
| Algo parecido a esto: | Algo parecido a esto: | ||
wiki2/vue/webcomponents.1539528068.txt.gz · Última modificación: 2020/05/09 09:25 (editor externo)
Herramientas de la página
Excepto donde se indique lo contrario, el contenido de este wiki esta bajo la siguiente licencia: CC Attribution-Noncommercial-Share Alike 4.0 International
