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:49] 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 ===== | ===== Otros parámetros a usar ===== | ||
| Línea 38: | Línea 44: | ||
| # Para watchear | # Para watchear | ||
| --watch | --watch | ||
| + | # Para escoger destino | ||
| + | --dest ../ | ||
| </code> | </code> | ||
| ===== Internamente hace... ===== | ===== Internamente hace... ===== | ||