Parcel js Tutorial | Bundle Your JavaScript & Minify CSS and HTML files

You finally finished your website with HTML CSS and javascript and you want to show it to the world, but wait... There are some final steps you have to take, we will have a look at the most efficient tool for bundling your web-project before deploying.
When I started with simple website development I did not know that we should minify our files, or that we should use Babel to convert our javascript for older browsers.
This simple but surprisingly complex last step of preparing your website for the wide world is a pain in the astrix. Today I’m going to show you the tool that I use to make this process simple and easy. Parcel js is a web application bundler like Webpack or gulp and the big advantage of parcel over other is that it’s extremely easy to set up and works reliably.
Install:
Dev Dependency
npm install parcel-bundler --save-dev
Global
npm install -g parcel-bundler
CONTACT:
📱 Facebook - / devworldinfo
🌎 Website - www.dev-world....
📧 Email - [e-mail]
ABOUT THIS CHANNEL:
Dev World is a mix of tutorials and educational videos around Coding, Online Marketing, and Design.
#Coding #Webdesign #Marketing

[@WadieGamer]

Sir thank you so much, you have saved me after 2 days of straight brain tiring researches.

[@mdriaz5334]

Nice simple & clear concept I like it. But it would be nice if you take some more time to show to process & what need to code.💘

[@cesarhineline5391]

Ti

[@XerosXIII]

thank!!! i been having trouble importing the CSS on multiple .html throw the bootstrap.css into css with @import, works after that!

[@danamendozazuleta617]

how do you add bootstarp

[@mdriaz5334]

Couldn't understand the Babel part because I am unaware of. Waiting for next part maybe

[@luiza_rodrigues]

Comando de instalação do parcel-bundler desatualizado. Se instalado, instalará uma serie de bibliotecas também desatualizadas. Verifique no site oficial do parcel a versão atual e como instalar.

[@techworld_365]

thanks a lot

[@dmitruz1900]

Hello. If I have many partials. Many html files, like header.html, hero.html, footer.html. How can I include it in index.html?

[@mustophazakariyya8679]

Copy all to index.html accordingly

[@problemchild959]

any idea why parcel is not working right for me ? i get this output: prnt.sc/uujab4 it seems to be adding uni-code characters or something, and if I do inspect page, it seems to also be wrapping my index.html inside of another html tags. this has been driving me crazy for hours and don't see anyone else having this issue. I'm on windows 10 home.