It's been a tough last week — my whole family has COVID, so I'm running on low energy mode. Still, I've managed to put together this issue, which includes a really useful Nuxt tip on naming file chunks. This can help you analyze large chunks in your production bundles. Hope you find it helpful!
👉🏻 When using `nuxi init` to scaffold a new Nuxt application and choose NPM as package manager, you might've seen deprecation warnings.
👉🏻 Alex explains if they are relevant and what they do say.
💡 Nuxt Tip: Add Filenames to Your Nuxt Chunks
In one of my customer's projects, we had a problem with one Nuxt client chunk that was too large (>1MB).
We used the nuxt analyze CLI command to analyze the production bundle and identify which chunk was too large.
The command generates a URL that you can open in your browser to see a visual representation of your bundle:
Unfortunatly, the chunk names are not very descriptive because they are hashed. To make them more descriptive, you can add the following code to your nuxt.config.tsnuxt.config.ts file:
👉🏻 Focus on unit tests with the right scope, avoid unnecessary component tests, and leverage stable APIs to create scalable integration tests that require minimal maintenance.
👉🏻 Having good tests helps maximize engineering velocity, and automated generated tests may help codebases be better tested in the future.
Weekly Vue News #194 Reactive Time Ago View online Hi 👋 I'm on vacation this week, so no special news from my side — just some fresh Vue & Nuxt content for you! Enjoy this issue and have a lovely week ☀️ Vue 📕 Optimizing heavy operations in Vue with Web Worke...
Read this on my blog We made it to 200! Thanks for reading and supporting me over the last few years, it means a lot to me. Tomorrow is the last day of the Composable Design Patterns course launch and the 35% off discount. If you were hoping to pick it up, don't forget to check it out! As always, I've got some tips and links for you, and a new podcast episode. Enjoy, and have a great week! — Michael 🔥 Default Content with Slots You can provide fallback content for a slot, in case no content is provided: < !-- Child.vue --> < template > < div > < slot > Hey! You forgot to put something in the slot! < / slot > < / div > < / template > This content can be anything, even a whole complex component that provides default behaviour: < !-- Child.vue --> < template > < div > < slot name = "search" > < !-- Can...
Read this on my blog Hey all! Tomorrow I'm launching Composable Design Patterns — a collection of 15 patterns on how to use the composition API better. I've been working on this for a while (it's been in my head for years), and I'm excited to share it with you! You'll be getting a special launch discount, so make sure to pay attention to your email inbox tomorrow. Other than that, I've got a new podcast episode for you, and some links to check out, as well as some tips. Enjoy your week! — Michael ...
评论
发表评论