How to Build a Web App with Parcel.js - Quick & EASY JavaScript Bundler!

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ต.ค. 2024
  • Parcel.js Documentation:
    parceljs.org/d...
    In today's video I'll be showing you how we can build a simple web app using Parcel - the super fast JavaScript bundler and front-end build tool.
    We'll be taking a look at how easy it is to include SASS dependencies and loading JavaScript packages from Node.js NPM.
    🏫 My Udemy Courses - www.udemy.com/...
    🎨 Download my VS Code theme - marketplace.vi...
    💜 Join my Discord Server - / discord
    🐦 Find me on Twitter - / dcodeyt
    💸 Support me on Patreon - / dcode
    📰 Follow me on DEV Community - dev.to/dcodeyt
    📹 Join this channel to get access to perks - / @dcode-software
    If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
    #dcode #javascript

ความคิดเห็น • 30

  • @mohammed.haydar
    @mohammed.haydar 2 ปีที่แล้ว +10

    Absolutely clear and straightforward tutorial, thanks a ton =)

  • @AnaEstarita-pt8rf
    @AnaEstarita-pt8rf ปีที่แล้ว

    What a great explanation. I am non web developer trying to build a web app and this video SAVED me

    • @antoniofuller2331
      @antoniofuller2331 ปีที่แล้ว

      "non web developer"?? Then why are you here?

    • @mattpt24
      @mattpt24 หลายเดือนก่อน

      A non web developer trying to build a web app with code? You lost ? xD

  • @taofeeqomotolani2311
    @taofeeqomotolani2311 2 ปีที่แล้ว +3

    beautiful and clear video, Parcel is not watching for live changes in sass. I hope I'm not the only experiencing this.

  • @CephalonShohan
    @CephalonShohan ปีที่แล้ว

    this was very helpful. thank you

  • @marcospaulolucasramos9525
    @marcospaulolucasramos9525 9 หลายเดือนก่อน

    awesome stuff !!

  • @tatsumii1420
    @tatsumii1420 2 ปีที่แล้ว

    Congrats 100k🎉

  • @sotelio5775
    @sotelio5775 2 ปีที่แล้ว

    beautiful explanation. thanks a lot.

  • @dinner4chiahao
    @dinner4chiahao 10 หลายเดือนก่อน +1

    Does anyone know how to use Parcel with Express for multi-page applications? Seems like there isn't much documentation or tutorial for this. Is Parcel meant for SPA only??

    • @iamtharunraj
      @iamtharunraj 3 หลายเดือนก่อน

      No, their website seems to be advertising multi-page apps as well if I'm not wrong.
      I'm not familiar enough with Express so that I can explain you how

  • @vramosjd
    @vramosjd ปีที่แล้ว

    Thank you!

  • @romimaximus
    @romimaximus 2 ปีที่แล้ว

    Awesome tutorial, !!... but i have a question, everytime i need bundle my code, parcel is making copy of my files inside the "dist" folder, just like your folder "dist" in the video, .. so does parcel provides some way or some "plugin", to clean the "dist" folder before rebuild code ?

  • @atmiyapatel6623
    @atmiyapatel6623 2 ปีที่แล้ว

    Thank you for the video! My question is how we can add multiple page using in parcel that load all css and js from index.html

  • @svetoslavtrifonov6431
    @svetoslavtrifonov6431 ปีที่แล้ว

    Thanks for the video. Please make a video for Vite or Snowpack, it would be very nice if we can use it for this kind of projects

  • @jameskayihura1675
    @jameskayihura1675 2 ปีที่แล้ว +1

    Why would someone use again Webpack?
    Spent a week trying to figure out how to deal with fonts, especially when it comes to fontawesome. Its horrible. It consumed my time. This saves my project. Thx for sharing this video. I do appreciate.

  • @sororbudwiser
    @sororbudwiser ปีที่แล้ว

    can i use parcel with php in wordpress classic theming?

  • @yakupalks8132
    @yakupalks8132 2 ปีที่แล้ว

    while npm and parcel can run on local host, why doesn't work on vs code live-server ?

  • @umangternate
    @umangternate 2 ปีที่แล้ว

    Beside it adds files automatically (that to me many are unnecessary) , what does it do?

  • @toliskalliniotis3147
    @toliskalliniotis3147 ปีที่แล้ว

    thank u

  • @MonuKumar-bn9jo
    @MonuKumar-bn9jo 2 หลายเดือนก่อน

    how to change the default dev server 1234 to something else

  • @leonvanrijswijk8409
    @leonvanrijswijk8409 2 ปีที่แล้ว

    Does it minify css?

  • @atejap
    @atejap 2 ปีที่แล้ว

    I am having some error to use fs with parcel

  • @JGRmovees
    @JGRmovees 2 ปีที่แล้ว +1

    IF THERE IS AN '&' or 'AMPERSAND' IN YOUR FILE PATH THERE WILL BE AN ERROR

  • @mdkawsarislamyeasin4040
    @mdkawsarislamyeasin4040 2 ปีที่แล้ว +3

    I'm doing same thing but I'm getting error 🙂

  • @iamtharunraj
    @iamtharunraj 3 หลายเดือนก่อน

    Parcel is too slow when installing it using npm. Vite is better and faster than Parcel

  • @dapolcio3405
    @dapolcio3405 ปีที่แล้ว

    Missing images

  • @thinkdomotic4915
    @thinkdomotic4915 2 ปีที่แล้ว

    👍❤

  • @abiodun6897
    @abiodun6897 2 ปีที่แล้ว

    deprecated