Stencil Storybook Vite Starter

This is a starter project for building a standalone Web Component using Stencil and Storybook Vite.

This project utilizes Google Wireit for efficient build management and dev server operation. Wireit enables the definition of dependencies among npm scripts, allowing them to run either in parallel or sequentially. This is particularly beneficial when using Stencil with Storybook, as the Storybook scripts rely on the prior execution of the Stencil scripts.

Requirements

• pnPm 8.15

Getting Started

To start building a new web component using Stencil, clone this repo to a new directory:

git clone [email protected]:rschaufler/stencil-storybook-vite.git
cd stencil-storybook-vite

and run:

pnpm install

To start developing with Stencil and Storybook:

pnpm start

To run a build of Stencil and Storybook run:

pnpm build