doc22940 / snowpack

📦✨ Build web applications with less tooling and 10x faster iteration. No bundler required.

Snowpack
Build web applications with less tooling and 10x faster iteration. No bundler required.

npm install --save-dev snowpack

1. Instead of bundling on every change, just run Snowpack once right after npm install.
2. Snowpack re-installs your dependencies as single JS files to a new web_modules/ directory.
   ↣ Snowpack never touches your source code.
3. Build your app, import those dependencies via an ESM import, and then run it all in the browser.
4. Skip the bundle step and see your changes reflected in the browser immediately after hitting save.
5. Keep using your favorite web frameworks and build tools! Babel & TypeScript supported.

💁 More info at the official Snowpack website ➞

Examples

🆕 Check out snowpack-init! Instantly bootstrap a starter app with Snowpack + Preact, Lit-HTML, TypeScript, and more.

• A basic, three-dependency project: [Source] [Live Demo]
• To-do app with server-side render (Preact + HTM + Express): [Source] [Live Demo]
• Terminal Homepage (Preact + Typescript + Babel): [Source] [Live Demo]
• Electron (using Three.js): [Source]
• TypeScript (using Preact): [Source] [Live Demo]
• Vue (using httpVueLoader): [Source] [Live Demo] [By: @thiagoabreu]
• Vue (using JSX): [Source] [Live Demo] [By: @unclejustin]
• PWA-Starter-Kit (lit-html + Redux): [Source]
• LitElement + lit-html PWA: [Source] [Live Demo]
• Heresy and LighterHTML: [Source]
• Hyperapp and JSX (using Babel): [Source] [Live Demo]
• React PWA Starter (React + Styled components + Workbox): [Source] [Live Demo]
• Preact, JSX, Fragment, Router, CSS Grid, Typescript, Babel: [Source]
• React, JSX, Material-UI and super basic routing: [Source]
• A basic svelte setup powered by svelvet: [Source]
• React Component Library w/Storybook! (React, Typescript, Material-UI): [Source]
• 🙋‍♀️ Have a great example you'd like to share? Create it on CodeSandbox, Glitch, or GitHub. Then add it here via PR.