stenciljs - 创建多合一捆绑包？

Question

我想知道是否可以创建一个all-in-one.js包含所有组件的包，因此不需要加载其他脚本标签。

我的配置：

exports.config = {
  srcDir: "./webcomponents",
  outputTargets: [
    {
      type: "dist",
      dir: "./build/webcomponents/"
    }
  ]
}

Answer 1

开箱即用，这是不可用的。这是有意的，以提供零配置代码拆分和其他性能优势。这是一个更详细的 GitHub 问题。

也就是说，从 0.9.0 开始，Stencil 现在会生成一个esm/文件夹，您可以使用 Webpack 或 Rollup 将自己捆绑到一个多合一的包中。

Answer 2

通过使用带有插件@stencil/webpack的 webpack，我能够创建一组单独的模板组件。

只需添加插件，然后在您的入口文件中，导入your/stencil/component/file.js