使用 webpack 捆绑模板组件

Question

有谁知道如何使用 webpack 捆绑使用 stencil 创建的 web 组件。我有多个模板组件，需要创建一个包，以便我可以在其他项目中使用它。

Answer 1

Ionic为 webpack开发了一个StencilPlugin，它允许使用 webpack bundler 轻松导入组件。

您可能还对这篇出色的文章感兴趣，它更详细地解释了如何使用该插件。

Answer 2

该stencil build命令通常会将所有内容捆绑到文件中components.js（或任何模板配置的namespace值）。所以你不需要创建自己的包。如果您发现 Stencil 构建的捆绑包存在问题，也许可以查看https://stenciljs.com/docs/module-bundling。