Parcel JS Setups Walkthrough and Review

[@tasnimamaria1092]

Really cool..please make a detailed video on parcel v2. Because in v2 there are many new features.

[@FastEnglish4u]

Thank you so much, I really appreciate your effort

[@davepetrey1871]

Super great! 🐬

[@fardinkhan3103]

thank you so much.. amazing video...

[@SwashbucklingwithCode]

Sweet, thank you.

[@m7mdnho154]

Hello Mr Jimmy, I've been doing some JavaScript for a while now. The shortcut commands that you did @ 4:36 really caught my attention, may I ask you how did you do that?

[@SwashbucklingwithCode]

There are a combination of things going on there, but the first on is the vs code plugin which-key, which is how I focus my sidebar without the mouse. I'm using NeoVim here, and I have it set up to create new files by just pressing 'a' when in the sidebar navigation. I don't quite have the same setup anymore so I can't give any more specifics than that, sorry.

[@m7mdnho154]

​@@SwashbucklingwithCodeThat's more than enough, configuring stuff is taking over everything when it comes to web development now xD. Thanks alot.

[@HA-H-AH]

In Parcel version 2 the dist folder now rebuilds instantly. Just as fast as you delete it, it is rebuilt and replaced wit a fresh copy. Pretty cool. I did hear there were a lot of new features added into version 2 so maybe this was one of them. I don't know cause this is my first time using it, I never used version 1, but I thought that was pretty cool so I just thought I'd add that if anyone is interested to hear...Great video btw. Thank you for sharing your infinite wisdom. 🙏 Namaste

[@SwashbucklingwithCode]

That sounds pretty cool. I've been in Rollup land for awhile recently so I haven't had a chance to dig into Parcel 2.

[@maxtsh]

Cool man keep up the good things.

[@blue_mustang_]

I don't get how to do the routing in Parcel, any hint ??I'm starting a brand new project on Parcel.js about an e-commerce.Which approach is better ? SPA or multi-entry points.

[@yopp1234]

Overview of Snowpack/Vite would be interesting

[@jjaxner]

Your videos are soooooo good. I discovered your channel about six month ago and learned a lot then. I just took some time and revisit some videos and going through them a little more thorougly. Still learning so much from you. Sorry to see that you not doing so many videos anymore. Hope your doing fine and that your videos will be discovered by more people so you might have a reason to do more of them. Wish you the best!

[@SwashbucklingwithCode]

That's very kind, thank you. I'm trying to start back up again soon, just had a lot going on in life and couldn't keep up.

[@jjaxner]

@@SwashbucklingwithCode Glad to hear that you have plans for more content. Love it! Take care! Health first!

[@BleedingDryTheHeart]

Thanks alot man , God knows how much ive been battling the postcss autoprefixer error with parcel without finding how to fix that.

[@SwashbucklingwithCode]

Always great to know your suffering could help another person.

[@benedictlang7431]

on start it shows everything correct, but if I build it, only the js file is linked to the html..what am i doing wrong?

[@wandavazquez3201]

I cannot get images or hyperlinks from an API/JSON file to render

[@savy5435]

Good day everyone, please I need some help does anyone know how to make parcel work with php, thank you

[@alexandrvienik1575]

Nice try Saruman. You switched from dark magic to front end. So you choose the darkest path in you life

[@Ismarthyper]

how to implement routing with parcel-svelte

[@zeus_t.k.m]

I was having small doubts about why the dist folder was rebuilding over and over again and why I had the same files twice lol. Until I watched this video, It would be better if they added a similar feature like in webpack where you rebuild the dist folder only with your production files and delete the old ones. Excellent tutorial man! it helped me a lot

[@SwashbucklingwithCode]

I'm very glad it helped. I wish I had time to dig into Parcel 2 and do a video right now.

[@aloky247]

Loved watching this, but the Disgusting Scalar Academy Ad kept irritating me throughout the video.

[@SwashbucklingwithCode]

Sorry to hear that. It sucks that even if you choose not to monetize videos KZbin will still show ads.

[@dvdrtrgn]

"For a delicacy to remember" 🤣 28:58

[@aliassaad3144]

It’s work help me a lot. Thanks!!

[@arthurshaidullin7981]

very cool, thank you

[@bishwajeetpandey1570]

Please help me out : I am just started with parcel and react but it is taking too much build time on each single small changes from 5s to 20sec i am really frustrated. Is this happening due to my quite slow pc or something else. By the way i am using amd e2 7th gen processor having dual core on 4gb ram (i know bundling is really cpu intensive work but this is what i have ) Please tell any solution

[@SwashbucklingwithCode]

That sounds like an unusually long time unless you have a massive project. Parcel 2 also has quite a lot of speed improvements so that is something you can look into upgrading to. I'd try some other tools as well to see if it is actually your machine or the build tool itself. There isn't much information to go off here, but I'd guess that if your project isn't massive you are processing some very large files you might not want to be. Images or something like that.

[@bishwajeetpandey1570]

@@SwashbucklingwithCode no. Much heavy processing like images , neither have heavy project just initial configuration of react and parce .

[@PluieMelodique]

Quality content, hope you rise quick!

[@SwashbucklingwithCode]

Thank you.

[@1Malak16]

Great info! Thank You!

[@КлиментийКараваев-у8з]

this guy looks hella jesus

[@antonielmagalhaes2272]

Nice video ❤️, could you made an Walkthrough and Review video about esbuild ?

[@SwashbucklingwithCode]

Thank you. I've been working on a Rollup one next, which has been tricky to organize in a way I'm satisfied with. I haven't used esbuild except for a quick spin to see what it was about, so that'd likely be further down the line when I have some use cases for it and some experience.

[@farnaamsamadi5386]

High quality content. Thank you

[@waqasahmed8500]

When i try to access local server which is built by the parcel i get page not found can you help me with it..

[@mrrobot7564]

Geat content as always, Keep it up!

[@SwashbucklingwithCode]

Thank you, kindly.

[@wchorski]

When i go to build it puts my stylesheet as "src='/style.css'" and this unlinks the style if I fix it with a period it works just fine. but is annoying to fix on each build "src='./style.css'"

[@onlynowmotivation]

Thanks a lot!!!!

[@jamesbruner6834]

This is way sick!

[@pablopenia]

you know if v2 (parcel not parcel-bundler) is too different? I'm following this guide only for pug and sass with V2

[@SwashbucklingwithCode]

I still haven't made time to try out v2, sorry.

[@b1az3rqwerty52]

Hi, Another great video that was super helpful. However I have a problem: - I am making a web app and I am trying to use multiple entry points for the different pages available. - The problem is when I specify multiple entry points by using ' *.html ' and start the server I get the ' 404 page not found error '. - Why is this happening and is there any way i can fix and maybe use another method? Thanks.

[@grantsburke]

This is a gold mine 🙏🏻

[@SwashbucklingwithCode]

This one took me a while to put together so I'm always happy to hear it was useful.

[@taggosaurus]

How do you have so less subscribers. Your content is solid.

[@SwashbucklingwithCode]

Thank you. I'm mostly just trying this out to see how consistent I can be with putting out videos before trying to do much promotion, so that could be part of it.

[@gablabelle]

With swc in Parcel 2 … can we now get type checking and declarations generation?

[@SwashbucklingwithCode]

Haven't looked into it yet, but let us know if you find out.

[@gablabelle]

@@SwashbucklingwithCode I didn't test it but, there you go v2.parceljs.org/languages/typescript/#generating-typings Will test it this week as I need a faster solution for a big monorepo.

[@arthurshaidullin7981]

bro, it is very helpfull video, but now, I'm trying using parcel v2, and I can't understand how use Namer(), how could I change destination folders for assets? like this: dist/ -css/ -js/ -img/ -svg/ P.S. I did it. )

[@SwashbucklingwithCode]

Nice job.

[@alexandermediantsev6354]

Blah blah blah blah blah....lots of water

[@SwashbucklingwithCode]

Does "lots of water" mean "lots of fluff"? Or "lots of nonsense"? Cuz I think water is the thing you want the most of in your diet. Juice or soda might taste better but they are, of course, not that good for you to drink a lot of.

[@schemagroup1]

Can I just say I hate Webpack!

[@SwashbucklingwithCode]

You may, if you've checked out my Webpack basics videos already.

[@suyashpurwar8310]

You are awesome! This was very helpful

[@SwashbucklingwithCode]

Much appreciated.

[@sheldonfourie5959]

I love your videos Swash! Just discovered you and you are so detailed and to the point and clear

[@GavHern]

Thank you so much! Could not find anything good for setting up svelte with parcel until this video! Adding to my project now

[@SwashbucklingwithCode]

Nice! Svelte is pretty sweet.

[@amarg26]

Can we have video on vite with react along with auto reload?

[@SwashbucklingwithCode]

I've been considering doing a Vite video, but their documentation is pretty good in the meantime. For the "auto reload" request, do you mean the browser refreshing on code changes (live reloading/hot reloading) or something different? If so, that should be on by default with Vite.

[@amarg26]

@@SwashbucklingwithCode as soon as we run npm start. I am expecting browser to be launched at 3000 and of course change detection and auto page reload

[@amarg26]

And yes also migrating from cra to vite in the existing projects

[@zart6369]

the NPM install says parcel bundler is no longer maintained?? what 's your take on V2.

[@SwashbucklingwithCode]

Right, they won't be fixing new issues but it still works fine at this point. I mentioned v2 a bit in the video, and it's something that has been in beta awhile so I'm waiting to cover it. Very promising, though.

[@looperrrr]

Is this still reliable for 2024 ?

[@shannongfm9945]

Thank you, Jimmy. This has been by far the most thorough and helpful tutorial of any web dev tutorial I have ever used on KZbin.

[@SwashbucklingwithCode]

That is very kind, ty. I put a good chunk of time into these build tool videos because there is so much glossed over when developers typically start using them.