5 ms·
There's no shortage of Webpack tutorials, and this one looks fine so props to the author. However, the best Webpack tutorial I've seen for beginners (and expert
by sotojuan 10y ago
There's no shortage of Webpack tutorials, and this one looks fine so props to the author. However, the best Webpack tutorial I've seen for beginners (and experts!) is this video that explains it from a conceptual point of view[1], explaining what exactly Webpack does and not just how to use it:
https://www.youtube.com/watch?v=WQue1AN93YU https://www.youtube.com/watch?v=WQue1AN93YU
[1] This thread's post does this too, which is awesome!
- vosper 10y agoThat video was really helpful, thanks.
- SimeVidas 10y agoI tweeted “A 250 KB render-blocking bundle.js in <head> which also includes all the CSS and SVG files?” in response to that video, and didn’t get a good answer. If anyone here wants to respond, I’m interested to know more :)
- evan_ 10y agoIf that bothers you, you can make the entry file be a tiny do-nothing loader module that dynamically loads other modules when the page is ready. Chunking files in this manner is trivially easy. You can also separate CSS and SVGs and whatever else you want into external files using the external file plugin. Finally- there's no reason you need to load the bundle in <head>.
- SimeVidas 10y agoHm, a big render-blocking bundle in <head> seems like such an obvious anti-pattern. “If that bothers you” makes it seem like I’m nitpicking, but this is a huge issue, I think.
- evan_ 10y agoIf your entire app is rendered by JavaScript then it doesn't matter. also you don't need to make it a blocking script tag in your <head>, you could load it at the end of <body>, it doesn't prescribe anything.
- deleted 10y ago[deleted]
- vonmoltke 10y agoI may be in the minority, but I don't want to watch videos when learning how to use things. I want written tutorials that I can refer back to when necessary. My big problem with tutorials in JS-land is that so many seem to assume too much background knowledge in the reader. Webpack has been no exception; as someone who generally doesn't do front-end stuff I have really had to dig around to find out how things actually work and find things like lists of valid options for different sections.
- ap3 10y agoI spent this morning watching functional js videos - it was great. Will be doing more of that in the future.
- sotojuan 10y agoHonestly this might sound rude but a lot of written tutorials/blog posts in JS are made by people with good intentions but not a lot of experience or expertise, so they end up hand-waving a lot or just not explaining things right. The linked video is by a long time, well-respected frontend developer.
- mobiuscog 10y agoI love videos to learn... but as someone working for a company that don't allow any videos through the firewall... written posts are also useful.