stencil-library

Stencil-library

Stencil js es un framework que nos ayuda a desarrollar web components. Para utilizarlo hay que instalárselo de manera global:

npm install -g @stencil/cli

Una vez que se haya instalado, ya podremos crear y ejecutar un proyecto con los siguientes comandos:

npm init stencil  
npm i 
npm start

Para crear nuevos web components se ejecuta:

npm run generate

Extra

Para publicar los web components desarrollados y poder utilizarlos en otras aplicaciones, se han publicado en NPM con el siguiente comando:

npm login
npm publish

Primero hay que iniciar sesión en NPM y después ir publicando el paquete cambiando la versión del proyecto en package.json

Por último, para enlzarlo a otras aplicaciones, se puede opatr por instalar el paquete generado en NPM o conectarse a través de una CDN

Ejemplo

  <script type="module"  src='https://cdn.jsdelivr.net/npm/[email protected]/dist/stencil-library/stencil-library.esm.js'></script>