Parcel: A Zero-Configuration Webpack Alternative

--

When was the last time you built a web application without Webpack?

For me, it’s been over 3 years.

Webpack has become an essential tool for development, allowing you to configure your project to work with Babel, ES6/ES7, Import/Export, JSX, SCSS and more. While Webpack gets the job done, I often find myself needing to reconfigure the same tools each time I start a new project.

That’s when I found Parcel. Parcel is a zero-configuration web app bundler. It can be used in place of Webpack, and it comes with built-in support for everything your application needs.

Getting started couldn’t be easier, so let’s dive in and see what Parcel can do!

[freegracetoronto]

so parcel is babel, sass, webpack, and live-server all rolled into one easy to use tool? Yes please! thanks for this video

[TroenderTass]

I just love Andrew. Such a good and helpful instructor

[yosoyhim]

You are such a great teacher. I really enjoy your teaching style.

[patrickc.]

Thank you for making a very clear and concise video on Parcel! I love the simplicity!

[adriatic]

Thanks, finally a real substitute for webpack which was wrongly designed and hard for use from the day one. Obviously guys at Parcel know what programmers need.

[KimHogeling]

Thank you Andrew for creating this great mini-course and sharing it for free! Amazing job for explaining parcel so thoroughly within just 20 minutes. 💪

[HyprSpc]

Awesome! Thank you Andrew. I didn't expect you would make this mini-course. Greatly appreciated!

[akashrajpurohit]

Appreciate your courses on udemy Andrew...Your teaching methods are pretty awesome and i have enjoyed learning from you in almost all of your courses..Would be kind of cool if you put up some course/Youtube video regarding devOps stuff.Deploying code on linux server and maintaining stuff as a devOp..Thank you for your teachings✌

[druggero]

Your simple to the point teaching style has helped me understand the material covered. Thanks!

[robertoelerojunior]

Well done, Andrew. Great job as usual.

[noahgiesel]

Very well explained. Thanks for the video.

[nisarhassan]

Thank You, Andrew your teaching style is top notch. Would you please do videos regularly at least once a month i will be glad to you?

[mearajbhagad]

Thanks a lot for this great introductory video of parcel :)

[barjosablogspot]

Thank You Very Much! Really nice and helpful content!

[CodeCraftersStudio]

This would be great tutorial and Thankyou for making this video. I have small question here.

How can I use parcel bundles in wordpress project?

[atulcodex]

Andrew what I already want to know about webpack before understanding Parcel?

[clockwerkz]

hey Andrew! Thanks for putting out this quick primer on Parcel! Quick question: I'm a huge fan on how you handle your css styling in your videos. I'm currently going through your React course and I'm working through the Redux section for the Expensify App. Going through the Indecision section, I loved the naming conventions you gave your CSS. Do you have a course where you go more in-depth in your styling? Or could you recommend specific resources? I've found stuff on BEM but it doesn't seem to follow the styling you employ. Thanks!

[sergi]

That was great bu how do we bundle together full script files. For example I want to bundle "navbar.js" and "script.js" into "iindex.js"? I think that should have been explained.

[shahabemami]

please create a course on styled-components and web base component concepts

[philip]

was having issued when the parcel builds the file, in build or prod the index file path of the scripts doesnt work i have to relink them without the forward slash in the begining,