Actualmente estoy tirando de los pelos tratando de averiguar cómo hacer esto.
Entonces, estoy trabajando en un entorno Vanilla JS sin configuración de paquete web con condensador y quiero usar este complemento de condensador: https://github.com/CodetrixStudio/CapacitorGoogleAuth
Sin embargo, para usar este complemento, debo import el paquete a mi código de cliente.
Esto es lo que he intentado:
<script> en mi index.html. no funcionó Mi último pensamiento es configurar el paquete web para agrupar todo por mí, similar al enfoque browserify e import eso. Sin embargo, antes de continuar con todo eso, quería comunicarme aquí para ver si ustedes tienen alguna otra idea.
¿Hay alguna forma de acceder a este complemento desde window tal vez?
así que descubrí la manera de hacerlo siguiendo este artículo: https://medium.com/@SmileFX/a-complete-guide-building-a-capacitorjs-application-using-pure-javascript-and-webpack- 37d00f11720d
Básicamente, tiene un directorio www/js (vanilla js) y un directorio src (es el código de importación/ES6). Luego configura el paquete web para generar en su directorio www/js/. Nota: cualquier variable que desee que esté accesible para su código vanilla js debe almacenarse explícitamente en el objeto de la window .
Ejemplo
./src/toBeWebpacked.js
import Module from "your-module" window.doSomething = () => Module.doSomething()./www/js/vanilla.js
const useModuleCode = () => { // use code from webpacked ES6 JavaScript here return window.doSomething(); }