📰 Snowpack News & Updates #1183
Replies: 17 comments 7 replies
-
[email protected]Note: this was originally posted on Aug 31. Reposting here for visibility. For all previous releases, check out the full list. New: Native CSS
|
Beta Was this translation helpful? Give feedback.
-
[email protected]Note: this was originally posted on Sept 13. Reposting here for visibility. For all previous releases, check out the full list. New: Unbundled build optimizer: @snowpack/plugin-optimize
Thanks to @drwpow for spearheading this work. HMR/Livereload enabled for
|
Beta Was this translation helpful? Give feedback.
-
[email protected]Note: this was originally posted on Sept 27. Reposting here for visibility. For all previous releases, check out the full list. 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 A huge thanks to the Next.js team for the beautiful “react-dev-overlay” package template that these overlays are based on!
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
A new look for the docs site!
Exploring SSRWe'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!
A ton of other bug fixes and improvements!
|
Beta Was this translation helpful? Give feedback.
-
[email protected]Note: v2.13.0 was skipped. v2.13.1 is the first official v2.13 release! Introducing Snowpack v2.13 - The DX Update. This entire release focused on developer quality-of-life with new features to simplify config, update error logging, and remove all unnecessary friction from your dev environment. It's genuinely one of my favorite releases so far, so I hope you enjoy an even better dev experience with Snowpack. -- @FredKSchott Simplified CSA Templates + Fast Refresh Improvements
All of our Create Snowpack App (CSA) templates have been improved this week, but the React & Preact templates got the biggest upgrades. They both sport a new design with a basic counter, perfect for testing that Fast Refresh is working (change the file, and see that the counter doesn't lose state). Behind the scenes, both Fast Refresh plugins have been updated to no longer require Babel externally, which means you can take advantage of our faster, built-in esbuild-powered pipeline.
Automatic "New Dependency" Handling
Tired of having to use that dumb
Automatic CJS "namedExport" DetectionNode.js recently announced that they were attempting automatic CJS<>ESM named export interop. Not to be outdone, we announced that we'd do the same :) This feature means no more manual Snowpack uses the exact same internal lexer as Node.js to implement this, so expect to see the same results as Node.js v14 when you import a CJS npm package in ESM. However, this is a new idea that may still have some rough edges. If you see mixed results, remember that you can still use a manual "namedExports" config entry to use our more powerful runtime CJS detection.
Logging/Debugging ImprovementsSnowpack v2.12 added our first ever Error Overlays. Snowpack v2.13 improves on that work with a full suite of improvements to logging, log formatting, and making sure that all reported errors contain relevant info. Our favorite subtle-but-great feature: Multiple "File Changed..." logs in a row are now counted and collapsed, giving you a cleaner dev console overall.
Better Sourcemap SupportNo matter what I try to do to stop you, y'all keep improving our source map support! This release featured work by @pkaminski to add compose multiple source maps together, allowing for source maps in multi-step build pipelines. We have more improvements to add inside of Snowpack to really tighten this story up, but this is a huge step in the right direction 👍
|
Beta Was this translation helpful? Give feedback.
-
[email protected]Fixes and improvements
|
Beta Was this translation helpful? Give feedback.
-
@snowpack/plugin-typescriptWe now have a dedicated TypeScript plugin for type-checking during development! This replaces the user-facing "run-script" that most projects had been configured with, which required that you set up the @snowpack/plugin-typescript now does all of that for you! (#1211) [email protected]Fixes and improvements
|
Beta Was this translation helpful? Give feedback.
-
[email protected] released!New App Template: Preact + TypeScript
New Official Plugin: Sass
"Fast Reload" comes to Svelte!
Bug fixes and other improvements
|
Beta Was this translation helpful? Give feedback.
-
@snowpack/[email protected]The svelte plugin has been updated with new features and improved config loading! This is a major version with a new "options" interface to match Svelte's new "normalized" config structure (background here). Check out the new README and check for errors when you upgrade.
[email protected]Bug fixes and improvements everywhere in this release!
🤗 Thank you, contributors for making this release possible! |
Beta Was this translation helpful? Give feedback.
-
[email protected]
|
Beta Was this translation helpful? Give feedback.
-
[email protected]
|
Beta Was this translation helpful? Give feedback.
-
[email protected]Optimize Dev CachingSnowpack v2.15.0 introduces optimized dev caching for even faster reloads, especially in large apps. While testing this feature, we saw dev performance improvements of up to 20x on full page reloads. Snowpack uses ETags for simple caching during development. On a full page refresh, we now check each ETag request header against an optimized warm ETag cache. If we get a match, we'll instantly return with a 304 response. The result is a ~0ms response over local network for almost every file sent from the browser.
Formalizing the JS APIThrough a collaborative effort with the Svelte team, we've finalized our JavaScript API. It is now possible to start the Snowpack server via JavaScript: import {startDevServer} from 'snowpack';
const snowpack = await startDevServer({ ... });This won't mean much for most users of Snowpack (our CLI is still our recommended interface) but this is great news for anyone looking to integrate their own tooling with Snowpack. At the time of writing, this API is still undocumented on snowpack.dev. We'll be adding new docs in the coming days, but the API is officially stable and ready to go.
More features and fixes
|
Beta Was this translation helpful? Give feedback.
-
[email protected]
|
Beta Was this translation helpful? Give feedback.
-
[email protected]Plugin, template, and ecosystem improvements
Snowpack Improvements
Thanks to all of our contributors for this release, made up of fixes and features from over 12 different contributors across many different PRs. Thank you! |
Beta Was this translation helpful? Give feedback.
-
[email protected]
|
Beta Was this translation helpful? Give feedback.
-
[email protected] [11-06-2020]New
|
Beta Was this translation helpful? Give feedback.
-
[email protected] [11-10-2020]
|
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
[email protected] [12-05-2020]
|
Beta Was this translation helpful? Give feedback.
-
[email protected] [12-07-2020]
|
Beta Was this translation helpful? Give feedback.
-
[email protected] [12-11-2020]
[email protected] also published. |
Beta Was this translation helpful? Give feedback.
-
[email protected] [12-13-2020] |
Beta Was this translation helpful? Give feedback.
-
[email protected] [12-18-2020]
|
Beta Was this translation helpful? Give feedback.
-
ICYMI: Snowpack v3.0.0! [01-13-2021] |
Beta Was this translation helpful? Give feedback.
-
|
Update: Starting with v3.0+, we now keep a running changelog in every package subdirectory (found at |
Beta Was this translation helpful? Give feedback.
-
If you are interested in project updates, subscribe to this thread! We'll post weekly-ish comments with project updates, release notes, and highlighted new features.
Beta Was this translation helpful? Give feedback.
All reactions