DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Chantae P.
Chantae P.

Posted on

Is it still necessary to learn Webpack in 2022?πŸ€”

Currently, I am on the journey of completing The Odin project Full-stack JavaScript curriculum. The current project I'm working on is the Restaurant page project. But for the life of me, I have a hard time understanding how to use Webpack. Well, I kind of understand the basics of using Webpack. Such as the entries, outputs, loaders and so fort. But when it comes to adding multiple web pages, that's where I get stuck. Yes I understand you need to use the HTMLWebpackPlugin but it's still not clicking. I can do a single webpage using Webpack.I just can't understand how to create a bigger project using Webpack.

So my question is, how important is it to learn Webpack as a frontend developer in today's job market?

Top comments (16)

Collapse
 
fjones profile image
FJones

Necessary? No. Useful? Probably. It depends on your needs, at the end of the day. I'm still using webpack on all new projects despite alternatives, because none of the alternatives really do what I need them to - whereas webpack does. Maybe I'd need to spend more time on rollup et al to see what they do better, but even modern concepts like module federation seem to be a lot more stable and well-integrated with webpack than with any other build tool.

Collapse
 
taepal467 profile image
Chantae P.

Yeah I'll definitely check out the other alternatives that others have listed here.

Collapse
 
fyapy profile image
aabdullin

For beginners best choice is CRA or NextJS, rollup/vite/parcel yeah simple, but do not have so big ecosystem of plugins, and do not have solutions for micro-frontends.

But if you use Vue 3, Vite will be good choice.

Collapse
 
taepal467 profile image
Chantae P.

Seems like I'll definitely need to learn React to use most of these.

Collapse
 
volker_schukai profile image
Volker Schukai

When it's all about learning: It's 2022, frameworks are no longer necessary in many cases. The abstractions that these frameworks introduce may be tempting, but if you know the basics, it's not rocket science.

Frameworks come and go, but the platform continues to evolve.
My humble advice, learn the basics and explore the platform (browser, node, deno,...).

When it comes to the jobmark, you should look at what your potential employer uses and then learn that.

What use are your skills in Framework A if your employer uses Framework B?

If you are a gambler, you can use statistics and either bet on the current trend or look at what the rising stars are.

learn basics and concepts first, not concrete tools or frameworks.

Thread Thread
 
taepal467 profile image
Chantae P.

Yes, this I can do. Learning the basics is not the problem for me. It's actually implementing it in real world projects. I guess I will just need to keep practicing

Collapse
 
codingchili profile image
Robin Duda (they/them)

I don't use webpack, or any other build tool. But I don't use frameworks either. I can use terser standalone to minify and bundle if I want for production.

Collapse
 
stopngo profile image
Max L Stop&Go

I think, webpack is a such a swiss knife that could do everything but needs some skills to use it. I'm using it from static HTML pages to full-stack web-apps because it gives maximum flexibility.
To be honest, I was scared by webpack first, but after investing some time to learn it and understanding what any bundler do I decided that it is prefect for my tasks, especially for React projects.

Collapse
 
alok38 profile image
alok-38 • Edited on

Among multitude of build tools and bundlers out there, Vite seems to be an emerging choice due to its minimalistic set up. The developer experience with Vite has been positive so far.

Since you have already made an attempt to learn webpack it won't hurt to build a simple project with it. Trust me I had a good time learning it as their documentation is fantastic.

Supplement this with Brad Traversy's webpack crash course and you will be able to finish a beginner project from scratch in about an hour.

As others have mentioned a strong foundation with the basics will make learning less painful.

Collapse
 
taepal467 profile image
Chantae P.

Yeah sounds simple enough. I'll definitely look into Vite. I'll check out the video as well. Thank you

Collapse
 
dendihandian profile image
Dendi Handian

I choose the webpack wrapper like Laravel-Mix, I learn webpack later.

But now Vite seems promising.

Collapse
 
eidellev profile image
Lev Eidelman Nagar

I think it's more important to understand what a bundler does, the role it plays in the modern web toolchain and the difference between webpack and various alternatives.

Collapse
 
crankysparrow profile image
crankysparrow

In my experience, lots of devs use webpack without really knowing how it works or how to use it, haha. I use it somewhat often but can't say I know all of its capabilities or anything. For me the best way to learn this type of thing is just to start using it in projects and figure it out as I go along... I don't get too much out of reading a tutorial or documentation without that hands-on experience. Maybe just my personal learning style though!

Collapse
 
banonotit profile image
BANO.notIT

There are many building solutions like parcel and rollup now. And the support most features of webpack. So if you start a new project from ground up you can use those.
But in react CRA is still the most usable template and it’s fully depends on webpack. And in some cases that β€œmostly ok for all” configuration is not good for you so that you are forced to eject and do some fine tuning.

So if you’re using react you’ll probably use webpack for several years in future even if you don’t configure it explicitly.

Collapse
 
taepal467 profile image
Chantae P.

Haven't used react yet. But I'll keep this in mind. Thank you

Collapse
 
topessaywriting profile image
sarawat sons

Our professional writers will help you create a custom essay in any format or style you need, whether it's a research paper or an essay for college application. We know that everyone has different needs when it comes time to write an Online Essay Writing Services UK and we want to make sure your experience with us is as easy as possible!

Classic DEV post:

CLI tools