Must Know JavaScript Bundler - Parcel

300 lines of error code. Don't think it works on a Mac.

LIKE before I watch because I already know it will be helpful

what happens when you have multiple pages on your website? How do you get parcel to see the other pages?

love you man

Nice intro :)

Always my first pick when comes to tutorials ! Great content 👍

Perfect Explanation

I love you

Will you please just blink every now and then?? You're like some kind of android, you never seem to blink! Your content is very helpful, though, so thank you for that.

I love this. Personally I was looking for a way to create a library for a webgame I'm working on.
I wanted to have code split up into folders(namespaces) and transpile them into a single usable JS file.
With Webpack I just had a splitting headache with all the configuration. Every time I changed something, other stuff would break or not work as expected.

This just saved my ass.
I mean, I love configurable software.. But if you have to read an entire documentation and walk into many walls when you're on a deadline, it just sucks.
This saved my ass :)

Well its good to know could you tell us how to deploy its pain in the ass :((

Learned that "dist" stands for "distribution"!

5:04 AM I the only on who thinks it's odd to be importing a CSS file into a JS script file? Why doesn't the HTML file include the CSS using a <link> tag?

For anyone coming here and realising that things might not be working as they should...take note that in the video he's using Parcel v1 while the official docs now reflect Parcel v2. Parcel v2 is not called "parcel-bundler", its now just called "parcel"

If you have a totally simple project, Parcel is great. But it's not zero config if you need to do anything beyond that. V2 isn't stable yet (2021.08) and it's poorly documented.

This is such an easy setup I feel like I just had an orgasm.

Parcel is not watching my modules, but only the entry file.
How can I change that?

Webpack killer

Exactly what I needed. Maybe Parcel, but certainly the video.

Hey Kyle, what's your take on Parcel vs. Vite?

Does he use parcel over webpack for everything or just this video?

am I missing something though? whats the catch?

How I can use this set up for my future projects

great

Just wondering about the usecases where webpack is prefered? I know it can be more customized but not sure about the scenarios

when i installed parcel and ran dev mode. parcel is pointing to the js file in the DIS folder it created making it impossible to debug. how do i fix this bro? i've reinstalled it several times.

just to clarify, today's parcel automatically refreshes the page when it changes. and beyond sass you can use typescript files too without any configuration.

Thank you so much! :D

I recently bought CodeKit and like it. It seems to do the same stuff. Am I missing something?

God, I just spent an hour trying to configure Webpack. Came to this video and got everything setup in less than 10 minutes. Thanks!

Try npm init -y to automatically accept all the defaults! 😃

Parcel is pretty awesome!!

Thanks a lot, Kyle! Awesome as always 👍!

Thank you very much. For beginners like me, these types of videos create a quick and good starting point to get more familiar with these technologies

Nice video. Tip: npm init + many enters === npm init -y

What is your rush? I dont see how you are benefiting anyone at X3 speeds. Do you understand that most people that are new and that is why they are watching this will think fuck this too fast we cant even see what you are clicking on let alone you talk like you dont even want to spend the time but just post this to get some clicks. By the way, what is the advantage of using parcel for scss files when most people that use SCSS could have a much easier time using SASS live in visual studio code as an extension? Its faster than what you are trying to pump out in this video by far.

Great tutorial and great bundler. Yet I still don't know how to use parcel with multiple .html static pages. For some reason parcel doesn't make an entry point for css file in secondary pages, even if I copy script src js entry for each page ( and put it before closing the body ). I tryed " parcel src/index.html about.html " in json, nothing happens. It's weird because the js file is executed in every page ( tested with an alert ), but the scss only works in index.html. Do you guys have the same problem? Thanks!

Hi my localhost:1234 parcel generated server works fine, however when trying the dist index.html, my main.css isnt getting loaded neither are my image, in the dist folder a forward slash is getting added to the path if i remove it then it works, but how do I do that without having to edit my dist files

Is the ./ in the paths necessary? Like I noticed the example ./../scss/main.scss

Thanks!!

If you use "npm init -y", you don't have to hit the enter key bunch of time to go with the default npm values.

webpack isn't that bad tbh, it's the docs that is complete crap

zero-configuration...
yet has no imgmin and js obfuscator and no file concat

bro i got o knew parcel trough your videos, i thought my life was
magically enhanced since them , but im having a hell lot of bugs with my
project, i got a index.html in the root and modules/index.html,
blog/index.html etc, that parcel does is show my homepage in any link
from menu i click. it seems as soon u got just one html is goes right
bot it lose itself wn u got multipages. any tip i could be doing wrong?
thanks

Hi Kyle, I have been practicing and learning JS. I have done a few little things but I don't where I can go from now. A few things I have heard about are frameworks like React, Angular and Vue.js. It's all still confusing to me. So I would like to request if you could do a video on what are they for, how to use them and what's the best tool for the right job. I enjoy your content, keep going!

Great video Kyle! Keep up the good work. Could you please dedicate a tutorial to responsive images ? I tried looking it up and found mixed results that did not help at all :(

I don't understand how this is any different than just hitting Shift+F5 in Chrome to clear cache and reload the page after you just hit CTRL+S to save your .js or .css file. You're still having to include the files yourself and you don't need a "server" running to view HTML, CSS or run JS scripts.

Can we use parcel to build a single page application like angular, react, or vue ???