Output Targets

Output targets decide what Stencil builds from your components. Configure them in the outputTargets array of stencil.config.ts. With none configured, Stencil builds loader-bundle, the usual choice for a component library; add www to build a complete web app.

Main

The main output targets build your components for the browser or a server:

• loader-bundle: lazy-loaded bundle for CDN and npm distribution (formerly dist)
• standalone: one custom element module per component (formerly dist-custom-elements)
• ssr: server-side rendering module (formerly dist-hydrate-script)
• ssr-wasm: the ssr module as WebAssembly, for servers in other languages
• www: a complete web app

Documentation

Documentation targets generate docs from your components' source and JSDoc: docs-readme, docs-json, docs-custom-elements-manifest, docs-vscode, docs-agent-skill, docs-custom, and stats.

Assets

• global-style: global stylesheets
• assets: files your components reference, such as icons and images

Supporting Outputs

• types: TypeScript type declarations, generated in production builds
• collection: transpiled source for other Stencil projects to re-bundle, generated in production builds
• Copy tasks: copy other files into an output target's directory