Ionic3导入外部Web托管的JavaScript库

Question

我正在尝试基于我做的客户端html5 Web项目（即网站）创建iOS / Android应用。 我认为Ionic将是理想的选择，它将帮助我尽快移植Web应用程序。 在我的站点中，我将使用'script src =“ https：// ...”'标记加载外部库，然后在另一个script标记中调用它。 但是，我无法在Ionic3中导入和使用它。 我尝试了许多标有“ ionic2”的解决方案，但似乎没有任何效果。 似乎也没有人知道一个通​​用的解决方案，因为每个答案都是特定于案例的。

有谁知道导入外部js文件并在ionic3中使用其对象和“类”的一般方法？

（我希望从网络上加载，但是我也接受从文件下载并加载它。）

（如果离子不是实现我的目标的最佳方法，我愿意提出建议）

Answer 1

我认为您需要等到释放Ionic 4和Stencil 。

Ionic 4和Stencil的全部内容是什么？

神奇的，可重复使用的Web组件生成器。

模板是用于构建现代Web组件的工具

Stencil结合了传统框架中的一些最佳功能，但是输出了100％符合标准的自定义元素，这是Web组件规范的一部分。

Stencil由Ionic Framework团队创建，旨在构建更快，功能更强大的移动和Web应用程序。 Stencil是下一代Ionic Framework的基础，但完全独立于Ionic或任何其他UI框架。

在这里您可以看到官方文档 。

关于Ionic 4强大功能的精彩视频

关于它的好文章

Answer 2

首先看一下这个有用的离子资源 ，它说明了如何使用npm添加第三方库。

如果由于某种原因无法使用npm，则必须将源.js文件放入您的assets/js文件夹中，然后使用<script>标记将其导入到index.html 。 然后，您必须告诉打字稿您的图书馆存在。 这样做是这样的： declar var <library-handle> 。 如果库已经使用ES2015或使用原型公开函数的对象，则<library-handle>可以是导出的函数/类。 这是棘手的部分，您可能必须尝试一些尝试，直到它起作用。

您可以在这里 ， 这里和这里查看我的答案， 在 这里我解释了如何向离子项目添加不同的第三方库。