创建多合一捆绑包？

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

Create all-in-one bundle?