Note: v2.12.0 was skipped. v2.12.1 is the first official v2.12 release!
New: Live Error Overlays
Snowpack v2.12 now includes Live Error Overlays to surface build & runtime errors immediately during development. No more searching around for what exactly went wrong. Instead, you'll see every problem surfaced right in the application itself.
To see the new error overlays, just upgrade Snowpack in your project and run snowpack dev
!
A huge thanks to the Next.js team for the beautiful “react-dev-overlay” package template that these overlays are based on!
- Twitter sneak preview from last week: https://twitter.com/pikapkg/status/1308099900538679297
- e373499 - add runtime error overlay reporting (#1142)
- 6ed5359 - Advanced HMR Error Handling (2 of 2: Error Overlay) (#1073)
New: Vue 3.0 templates (incl. TypeScript!)
Vue 3.0 was released last week! To celebrate, we updated our Vue + Snowpack template to the latest version AND launched a new template for building Vue sites with TypeScript. Run create-snowpack-app
with the new @snowpack/app-template-vue-typescript
template to see it in action.
- 2a94ff1 - Feature/app-template-vue-typescript (#1088) @Akimyou
- 3a7b097 - updating to vue 3.0.0 @melissamcewen
- 4329d56 - remove bad vue template compiler option (#1101) @coolzjy
A new look for the docs site!
Exploring SSR
We've been exploring a better Server-Side Rendering (SSR) support story for Snowpack (in collaboration with members of the Svelte community) and this release marks the first features & improvements merged into Snowpack for SSR!
This is still an experimental area for us, but it's one we're really excited about investing in. More to come over the next several releases!
Want to get involved? Join us on Discord!
- eba63e3 - Fixes #970 by adding middleware dev config option. (#1062) @joshwilsonvu
- 05b2a9e - Add experimental SSR support for the dev server (#1086) @FredKSchott
A ton of other bug fixes and improvements!
- 95857f0 - [esinstall] add dts package handling (#1133) @FredKSchott
- 20388e4 - [esinstall] enable native esm for node v12+ (#1093) @FredKSchott
- af3c6c5 - [plugin-svelte] fix the dev option for dependencies (#1134) @FredKSchott
- 9891763 - [plugin-webpack] fix unnamed import scanning @FredKSchott
- f2dad02 - [plugin-react-refresh] add plugin error message if setup script not run (#1123) @FredKSchott
- 439d3f4 - [csa:app-scripts-react] add back react typescript support (#1071) @FredKSchott
- 42e48f3 - [csa:app-scripts-preact] add new babel plugin to enable context HMR (#1080) @JoviDeCroock
- 5056a69 - configure hmr port @MoonBall
- 884e4ab - configure run jobs to run in watch mode on build --watch (#1091) @FredKSchott
- 636443d - rethrow error of transform phase (#1095) @MoonBall
- 21610bc - Ensure that the import resolver respects installOptions.externalPackage. (#1070) @pkaminski
- 11c0eb5 - Add live reload delay (#998) @jaredramirez
- 9b7ad5c - Add .avif format to static types (#1066) @stramel