创建一体化捆绑包？

Question

我想知道是否可以创建包含所有组件的all-in-one.js捆绑包，因此无需加载其他脚本标记。

我的配置：

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

Answer 1

开箱即用，这是不可用的。这是故意的，以提供零配置代码分割和其他性能优势。 Here's a GitHub issue with a bit more detail

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

Answer 2

我可以通过将Webpack与插件@stencil/webpack一起使用来创建一组单独的模具组件。

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