StencilJS /导入组件中的第三方脚本
StencilJS /导入组件中的第三方脚本
提问于 2019-03-15 08:53:31
我试图在模板组件中使用第三方脚本，并将其复制到构建目录中。我打算在各种网站上使用独立组件。我不是在构建一个模版应用程序。
stencil.config.ts
export const config: Config = {
namespace: 'community-component',
outputTargets: [
{ type: 'dist' },
{ type: 'docs' },
{
type: 'www',
serviceWorker: null // disable service workers
}
],
copy: [
{ src: 'www/assets/myscript.js', dest: 'assets/js/myscript.js' }
]
};然后我像这样导入它，这是不正确的。myscript.js还加载jQuery。
import * as MyScript from '../../../src/www/assets/myscript.js';
declare const jQuery: any;现在我得到了Uncaught ReferenceError: jQuery is not defined。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-04-08 01:41:48
要在模具组件中使用自定义脚本，请执行以下步骤：
- 如果
assets目录不存在，则在src中创建该目录。 - 创建一个新文件并粘贴脚本的内容，或者只是复制和粘贴您的脚本文件。
- 导入tsx文件中的脚本如下所示： 将*作为myScript从'./assets/my-script.js‘导入
- 构建组件并运行。
P.S. -您不必提及stencil.config.ts复制属性中的资产文件夹。默认情况下它会被复制。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55178771
复制相关文章
相似问题
腾讯云开发者
