cordova 如何使用要导入vanilla js应用程序的电容器插件

ou6hu8tu 于 2022-11-15 发布在其他

关注(0)|答案(1)|浏览(123)

我现在正在绞尽脑汁想办法解决这个问题。
因此，我在一个没有webpack设置的普通JS环境中工作，并希望使用此电容器插件：https://github.com/CodetrixStudio/CapacitorGoogleAuth
然而，要使用这个插件，我必须将这个包import到我的客户端代码中。
以下是我尝试过的方法：
1.解包类型=“模块”：然而，移动的的浏览器支持并不是很好，而且这个应用程序将面向大量用户
1.使用browserify + esmify将插件代码捆绑到我可以用<script>标记导入到index.html中的内容中。
我的最后一个想法是设置webpack来为我捆绑所有东西，类似于browserify方法和import。然而，在我完成所有这些之前，我想在这里联系一下，看看你们是否有其他想法。
有没有办法访问这个插件从window也许？

cordova

来源：https://stackoverflow.com/questions/71758624/how-to-use-a-capacitor-plugin-meant-to-be-imported-in-a-vanilla-js-app

1条答案

按热度按时间

1u4esq0p1#

所以我通过阅读这篇文章找到了解决这个问题的方法：https://medium.com/@SmileFX/a-complete-guide-building-a-capacitorjs-application-using-pure-javascript-and-webpack-37d00f11720d
基本上你有一个www/js目录（vanilla js），和一个src目录（ES6/import代码）。然后你配置webpack输出到你的www/js/目录。注意：任何你想让你的vanilla js代码访问的变量都必须显式地存储在window对象中。
范例

./src/要进行Web打包.js

import Module from "your-module"

window.doSomething = () => Module.doSomething()

./www/js/香草.js

const useModuleCode = () => {
  // use code from webpacked ES6 JavaScript here
  return window.doSomething();
}

赞(0）回复(0）举报 2022-11-15

我来回答

cordova 如何使用要导入vanilla js应用程序的电容器插件

1条答案

相关问题

热门标签

最新问答