Тёмный

Parcel JS HTML JavaScript CSS (SCSS, SASS) Workflow - Parcel Bundler Comprehensive Overview 

Get __it Done!
Подписаться 11 тыс.
Просмотров 6 тыс.
50% 1

In this tutorial we'll cover HTML, JavaScript & CSS (SCSS, SASS) workflow using Parcel Bundler. We'll cover basic development workflow as well as creating final build.
If you need more help installing ParcelJS watch this • Why Use SASS ? - Compi...
Install NodeJs & VSCode • Install Node JS & Visu...
#Parcel #JS #HTML #JavaScript #CSS #SCSS #SASS

Опубликовано:

 

18 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 22   
@remkospaans
@remkospaans 3 года назад
Aaahh "--public-url ." That makes my day! thanks for that!!
@sul-dev
@sul-dev 4 месяца назад
Great topic
@suyashpurwar8310
@suyashpurwar8310 3 года назад
Excellent video!!
@anandpadhiyar6406
@anandpadhiyar6406 4 года назад
Great sir, following up from learn google sheets. Great content and great teaching style. Thank you so much.
@getitdonetube
@getitdonetube 4 года назад
Thank You!
@vosyasabesquien
@vosyasabesquien 4 года назад
great tutorial for newbies like me in parcel. it seems the "no minify" flag doesnt work at the end of the video.
@getitdonetube
@getitdonetube 4 года назад
Thanks, What makes you think "no minify" doesn't work?
@vosyasabesquien
@vosyasabesquien 4 года назад
@@getitdonetube 26:03 that main.css is not minified
@vosyasabesquien
@vosyasabesquien 4 года назад
@@getitdonetube oh i see, you're not in the "dist" folder there.
@getitdonetube
@getitdonetube 4 года назад
I see
@lauraa.3593
@lauraa.3593 4 года назад
Excellent! Thank you! looking at the way you defined the 'bld' string, it looks like you did not specify the output directory, so it went to the 'dist' directory instead of the 'out' (about minute 25:30 to 26:01 of the video) looking at the terminal window, the output of running the bld command shows 'dist/'
@getitdonetube
@getitdonetube 4 года назад
Yeap. These comment tell me I did well explaining the topic :) which is the point of the video.
@cwlindWX
@cwlindWX 3 года назад
Does packaging bring in all the code necessary to run, or does it still link to external libraries? I'm just thinking this could be a great way of building Apps Script webApps or G-suite Addons. In many projects, if you say, import JQuery and only end up using a single JQuery function, you still took the time to import the whole library. Does this packaging still link to the external JQuery library, or are just the functions you use pulled into your newly compiled JS file? I'm guessing they would still be linked since some files may have license restrictions.
@cwlindWX
@cwlindWX 3 года назад
Nevermind, I'll watch the next video and see how it turns out! (CLASP & Parcel) :)
@getitdonetube
@getitdonetube 3 года назад
It will import the whole library, but won't link to it. There are tools like rollup if you want to import specific parts from a library rollupjs.org/guide/en/
@vlad-qq
@vlad-qq 3 года назад
Thanks for the video. I started creating landing pages. Do I need to use the React library for this? But what about optimization? I am looking closely at Parceljs. Tasks: 1. Split one big index.html file into subfiles (header .html, about.html etc.) 2. SCSS into CSS. 3. All minify and build into production The parcel is good for that? Thank you in advance.
@getitdonetube
@getitdonetube 3 года назад
yes for 2 and 3. 1 is more difficult, it's not really something that is done in 2020 web development. That being said, you can add a templating engine and make it happen. Something like Nunjucks added to ParcelJS should work.
@eugenenovikov671
@eugenenovikov671 3 года назад
how to use it with angularjs?
@louiesumalinog7542
@louiesumalinog7542 4 года назад
Hello, I just want to know if you have Instagram where we can send our questions or tutorial requests? I hope you have one so we can send our follow up questions or tutorial suggestions.
@getitdonetube
@getitdonetube 4 года назад
No Instagram, just youtube. You can ask your questions or suggestions here.
Далее
Parcel JS Setups Walkthrough and Review
1:28:12
Просмотров 14 тыс.
100+ Web Development Things you Should Know
13:18
Просмотров 1,5 млн
Flexbox design patterns you can use in your projects
15:33