The Parcel Bundler - A SUPER Easy JavaScript Bundler for your Projects

-- Today, we're going to take at a super fast and easy to use bundler called Parcel for your JavaScript projects. If you're coming from Webpack and are frustrated with some of the setup that's required, you might find that Parcel is easier to work with. That's what we're going to take a look at today with this parcel tutorial!

Let's get started!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[DesignCourse]

Which bundler do you use in your projects?

[ahmedmusawir]

Parcel of course! Webpack drives me crazy ...!!

[RamonRamirezVideogameDeveloper]

i am just in love with parcel now, i started web development and i just about to get a serious contract for a webapp and i was working with vanilla javascript, i found awesome the way you explain webpack in your video, and now i am in love with parcel because is simpler and clean to configure thanks for the video, it helps me a lot just rigth now

[AsifMehedi]

That's an excellent intro to parcel. My question: in what situations does it make more sense to use webpack instead of parcel?

[RexGalilae]

I found out a few weeks ago that you can save a filename as "foo/bar" and vsc automatically creates the folder and puts the new file inside it.

Changed my life. I'm 34 years old now with 2 kids and 1 more (probably my neighbors) on the way :')

[nisarhassan]

Top Notch! I'm using a Parcel for a long time now. I would love to have a Tutorial on Code Splitting and Lazy Loading with Parcel.

[geoffmahugu]

Was watching the webpack video until you suggested parcel was easy and I come to agree 💯. Thank you, helped me easily bundle my portfolio

[bambanx]

Thanks for share, but how can you control the output folders? or create a static structure of folders? thanks

[dreamfightersbn]

Thanks for this!
Never use a bundler before.
This will be my 1st. *wink wink*

[hassantariq]

Awesome !!!
Today I just learnt about it from coding phase. That it's a thing.
Now suddenly I stumble on the tutorial ... that's perfect !!!! ❤

[justingolden]

9:20
npm i -D parcel-bundler
"dev": "parcel src/index.html",
"prod": "parcel build src/index.html"
npm run dev
npm run prod

[Snoo]

For those who get this error:

dev.... Invalid Version: undefined

The solution to this is to either uninstall parcel and install it's previous version, which is 1.12.3 or update to the version 2 of Parcel.

You can do the first solution by:

npm uninstall parcel-bundler --save-dev

Or the second solution by writing:

[davidnagy]

your tutorials are always so good! will you do a quick look video like this on Rollup too?

[ProgrammingWithOsku]

You just make it simple maan i like it

[_the_one_]

Is there anything wrong with the voice and the video ? They are not in sync in my end (Check 8:37 for example).

[froststorm]

Awesome, you just opened my eyes on development. =)

[dericbytes]

Great video. High quality and to the point. Thanks.

[Deveyus]

Love me some Parcel, Webpack and the infinite rabiithole was such a pain!

[titus]

This seems awesome! Super easy to use! I will for sure use this in the future!

[DheerajBhaskar]

How do you use parceljs and angular-cli? Angular cli uses webpack, so