DEV Community

Cover image for Practical WEBPACK Basics: Pure Javascript frontend

Practical WEBPACK Basics: Pure Javascript frontend

steffanboodhoo on June 20, 2022

Contents Inspiration Prerequisites Setup Webpack basics Sample App and Bundling Configurations Development Module and Loaders Extra Bit...
Collapse
 
naveennamani profile image
naveennamani

I once used webpack and when I went back to the configuration file, I remember nothing, just understanding it and making some configuration change was a challenging task. But luckily today, we have so many build tools like creat-react-app, vite etc., which simplifies all these configuration for us in setting up jsx, css loaders, code splitting, css-in-js, typescript etc. etc.

Anyway, your post was very well organised and was a good read.

Collapse
 
steffanboodhoo profile image
steffanboodhoo

thank you ! looks like we had a similar experience when revisiting our configs 😅

Collapse
 
cswalker21 profile image
cswalker21

Great, well-sequenced and easy to follow! The only thing I got tripped up on I didn't notice until the end I needed to import my style.css file into my sample_index.js

Maybe most people already knew that.

Collapse
 
steffanboodhoo profile image
steffanboodhoo • Edited

thanks ! and what you said is very valid I forgot to mention you had to import the style.css, I will edit the blog now, so thank you even more !!!

Collapse
 
andrewbaisden profile image
Andrew Baisden

What a fantastic setup guide.

Collapse
 
steffanboodhoo profile image
steffanboodhoo

thank you ! I'm really happy you found it useful 😁

Collapse
 
gabrielmoris profile image
Gabriel Chamorro Moris

This is a very useful guide. Clear and well organised!

Thank you!

Collapse
 
steffanboodhoo profile image
steffanboodhoo

thank you ! really happy to see people finding it useful

Collapse
 
strongunsullied profile image
Kasope Johnson

This was so well written! Thank you, I closed some important gaps in my webpack understanding!

Collapse
 
steffanboodhoo profile image
steffanboodhoo

really happy to hear 😁

Collapse
 
prathameshk73 profile image
Prathamesh

Excellent. Very nice article for beginners.

Collapse
 
apoorve73 profile image
Apoorve

I never ever dared using webpack barehanded. But now, I feel like I have some great superpower with me. Thank you so much for this blog, made my day.

Collapse
 
steffanboodhoo profile image
steffanboodhoo

I'm glad you enjoyed 😅😅

Collapse
 
ruslanastratov profile image
Ruslan Astratov

Thanks!

Collapse
 
kirk1451 profile image
Kirk Lalchan

SO well written and informative.

Collapse
 
mr_0personality profile image
Che

Super useful. Been looking for somewhere that ties it all together like this. Big Ups!

Collapse
 
jevonalexis profile image
jevonalexis

Great post! It's always good to understand how things actually work. Thank you for this and looking forward to more content.

Collapse
 
khalid_himself profile image
Khalid

This was well structured, I must say. Easy to follow and understand...thank you for this!!

Collapse
 
dannyboo7_ profile image
Danny the Dev

It is rare to come across an article that shows you how to easily implement code into your solution. Thank you for this great article Steffan. Looking forward to seeing more content from you.

Collapse
 
ashobiz profile image
Ashok

Very useful. Thank you