Parcel Demo

Parcel.js-ni o'rnatish

Parcel.js-ni terminalda Yarn yoki npm yordamida o'rnatishingiz mumkin. Ushbu o'quv qo'llanma uchun men npm dan foydalanaman. Uni har qanday loyihada ishlatishingiz uchun uni global miqyosda o'rnatish buyrug'i:
npm install parcel-bundler -g
-g bayrog'i global yuklaydi. Agar siz uni faqat bitta loyiha uchun o'rnatmoqchi bo'lsangiz va uni devDependenciesproject.json- ga o'zingizning loyihangizga qo'shmoqchi bo'lsangiz, quyidagi --save-dev bayroq yordamida loyihaning ildiz papkasida bir xil buyruqni bajarishingiz mumkin -g:
npm install parcel-bundler -save-dev
Global o'rnatish bilan (bu eng keng tarqalgan foydalanish holati bo'ladi), siz initbuyruq yordamida har qanday loyihani boshlashingiz mumkin . Ilovangizning ildizi sifatida foydalanmoqchi bo'lgan papkaga o'tish uchun terminaldan foydalaning va ishga tushiring:
npm init -y
-y bayrog'i xalaqit o'rnatish uchun versiyalaridan foydalanib, har qanday savol so'rashdan NPM. Mening loyiham chaqirilgan deb parcel-demotaxmin qilsak, bu ildizda pack.json faylini yaratadi:
{

"name": "parcel-demo",

"version": "1.0.0",

"description": "",

"main": "index.js",

"scripts":

{

"test": "echo \"Error: no test specified\" && exit 1"

},

"keywords": [],

"author": "",

"license": "ISC"

}
Agar npm bilan tanish emasligingiz sababli yuqoridagi biron bir narsani chalkash deb topsangiz, npm-dagi mening keng qamrovli o'quv qo'llanmam bilan tanishishingiz mumkin . Bu veb-ishlab chiquvchilarga ushbu vositani tushunishda yordam berishga qaratilgan.

Faylni kiritish nuqtasini yaratish

Loyihani asosiy sozlash uchun index.js deb nomlangan asosiy JavaScript faylini ko'rsatadigan index.html faylida Parcel.js-dan foydalanaman (pack.json faylida ko'rsatilgandek). Ushbu HTML fayli mening posilkam kirish nuqtasi bo'lib xizmat qiladi. Mening HTML faylimda JavaScript faylimga ishora qiluvchi skript elementi bo'ladi, shuning uchun u quyidagicha ko'rinadi: