stenciljs - 如何在 stenciljs 中包含第三方 javascript 库？

Question

我需要 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 在我的模板组件中包含这个脚本。我将它包含在 src 文件夹中的 index.html 中。这正是我在开发模式下所需要的，但是一旦我运行 npm build 。这行不通。有人能告诉我在哪里包含这个第三方库吗？

Answer 1

在项目的根目录中的某处，有一个 stencil.config.ts 文件。在那里您可以指定复制任务。您可以在此处阅读如何执行此操作：https ://stenciljs.com/docs/config#copy

在您正确设置并且您的 ../assets/ 文件夹被复制到您的构建文件夹之后。

您需要将所有外部 js 文件复制到 assets 文件夹中。

在您的渲染方法中，您可以直接从 /assets/ 引用 js 文件

Answer 2

尝试将它导入到您的组件文件中。这对我有用

import "https://www.gstatic.com/charts/loader.js";