Estoy tratando de usar un componente web de plantilla en un sistema que requiere un solo archivo js. Para ser más precisos, esto se debe a que el sistema de destino tomará todos los archivos javascript y los agrupará independientemente. Cuando agrego los archivos javascript de ES6, esto arroja errores, lo que creo que se debe a que se supone que se cargan de forma diferida.
¿Cómo puedo generar un solo archivo bundle.js, que simplemente se puede agregar usando la etiqueta de secuencia de comandos?
Puede utilizar el destino de salida del paquete de elementos personalizados .
El destino de salida dist-custom-elements-bundle se usa para generar elementos personalizados como un solo paquete.
Para usar este archivo sin un paquete, también debe deshabilitar la configuración de externalRuntime :
export const config: Config = { outputTargets: [ { type: 'dist-custom-elements-bundle', externalRuntime: false, }, // ... };Tenga en cuenta que aún deberá registrar (o "definir") sus componentes (y establecer la ruta del activo, si corresponde) después de incluir el script.
Su pregunta obtendrá solo un puñado de visitas aquí en StackOverflow, porque es específica de una herramienta OpenSource.
Las herramientas OpenSource (casi) siempre tienen un repositorio de GitHub.
Puede presentar problemas allí: https://github.com/ionic-team/stencil/issues
o el canal de Slack: https://stencil-worldwide.herokuapp.com/
Si está aprendiendo componentes web, considere primero aprender la tecnología básica de JavaScript.
Si aprendes una Herramienta (como Stencil) antes de aprender la Tecnología, siempre te estarás haciendo preguntas que podrías haber resuelto tú mismo... En mi humilde opinión.
Si utiliza la tecnología central de componentes web, no tendrá ningún problema de agrupación.