Bundling stencil component with webpack

Question

Do anyone know how to bundling the web component created with stencil using webpack. I have multiple stencil components and need to create a bundle so that i can use it in other projects.

score 5 · Answer 1 · answered Oct 31 '19 at 12:21

5

Ionic has developed a StencilPlugin for webpack, which allows to easily import components using the webpack bundler.

You may also be interested in this excellent article which explains in more details how to use the plugin.

answered Oct 31 '19 at 12:21

Sébastien Rosset

1,481
1
10
17

score 2 · Answer 2 · answered Sep 03 '19 at 20:55

The stencil build command normally bundles everything for you into the components.js file (or whatever your stencil config's namespace value is). So you shouldn't need to create your own bundle. If you are finding problems with the Stencil-built bundle, maybe have a look at https://stenciljs.com/docs/module-bundling.

Bundling stencil component with webpack

2 Answers2