پکیج‌های npm چطوری ساخته می‌شن؟ – بخش اول

پکیج‌های npm چطوری ساخته می‌شن؟ – بخش اولالان یک هفته است که دارم راجب پکیج‌های npm تحقیق می‌کنم و خوب دوست داشتم شما هم در جریان اتفاقاتی که افتاد باشید :)هفته پیش که ماجرا شروع شد، من هیچی راجب پکیج‌های npm نمی‌دونستم و مجبور شدم کلی اینور و اونور بگردم، برای همین با خودم گفتم شاید خوب باشه که اینجا مراحلش رو توضیح بدم که بقیه مثل من پدرشون درنیاد!اگه اصلا خبر ندارید که پکیج npm چی هست به نظرم بهتر باشه خوندن این پست رو بزارید برای 10 دقیقه دیگه و اول اینجا رو ببینید.برای ساخت یک عدد پکیج npm نیازه که یه پوشه بسازید و اون رو به npm معرفی کنید و تمام! ( چاکریم 😁 )حالا چطوری؟خیلی سخت نیست، بعد از اینکه پوشه ( با هر اسمی مهم نیست اصلا، این اسم پکیج شما نخواهد بود ) رو ساختید، کافیه از دستور زیر برای معرفی اون به npm استفاده کنید.npm init -yاین دستور به npm میگه که این پوشه از این به بعد باید به وسیله npm مدیریت بشه و از حالا به بعد این پوشه هم توی قلمرو npm خواهد بود.برای اینکه مطمئن بشید دستور بدون نقص اجرا شده توی پوشه رو یه نگا بندازید؛ باید یه فایل package.json توی اون پوشه وجود داشته باشه.به نظرم منطقی ترین اسم برای فایل package.json همینی هست که گفتم، چون تمام اطلاعاتی پکیج ما رو شامل می‌شه.محتوای یک فایل package.json{
&quotname&quot: &quotfolder&quot,&quotversion&quot: &quot1.0.0&quot,&quotdescription&quot: &quot&quot,&quotmain&quot: &quotindex.js&quot,&quotscripts&quot: {&quottest&quot: &quotecho &quotError: no test specified&quot && exit 1&quot},&quotkeywords&quot: [],&quotauthor&quot: &quot&quot,&quotlicense&quot: &quotISC&quot
}این JSON انقدر خوانا هست که به نظرم نیازی به توضیح بیش‌تر نداره، ولی در این حد بدونید که هرچی توی این فایل نوشته شده همونی هست که پکیج شما با اون شناخته میشه.مثلا اسم پکیج الان folder هست. و شما در حال مشاهده نسخه 1.0.0 از این پکیج هستید.من دوست داشتم توی پکیج شخصی خودم از تایپ‌اسکریپت هم استفاده کنم، و اگه شما هم مثل من مشتاق این کار هستید از دستور زیر استفاده کنید. ( البته اینجا ازش استفاده نمی‌کنیم. )tsc –initاین دستور برای شما یه فایل tsconfig.json ایجاد می‌کنه و وظیفش یه چیزی تو مایه‌های همون دستور قبلیه، فقط توجه کنید که نصب داشتن TypeScript برای اینکه این دستور کار کنه واجبه!بعدش به شما و هدفتون برای ساخت پکیج بستگی داره، مثلا من برای این آموزش یه پکیج می‌سازم که از کاربر یه عدد به ریال بگیره و اون رو به تومن تبدیل کنه! ( هیچکسی نباید برای همچین منظور ساده ای پکیج بسازه البته 😒 )برای همین توی پوشه اصلی که ساخته بودیم یه فایل به اسم rialBeToman.js ایجاد می‌کنم. و کد زیر رو توش می‌نویسیم. ( سعی کنید خودتون بنویسیدش )const rialBeToman = (num) =>
num && (typeof num === &quotstring&quot ? parseInt(num) / 10 : num / 10);
export default rialBeToman;من فانکشن اصلی‌مون رو export کردم که بتونیم توی بقیه بخش های پروژه ازش استفاده کنیم. و چون ما در حال نوشتن یه پکیج هستیم این کار نیازه حتما انجام بشه تا بقیه فایل های پروژه متوجه بشن که می‌تونن از این فانکشن استفاده کنن.می تونید برای مدیریت بهتر همه فایل‌های اصلی‌تون رو توی پوشه src نگه دارید و همچنین سعی کنید حتما از گیت استفاده کنید.گمونم تا همینجا برای بخش اول کافی باشه، این مطلب رو یک یا دو بار دیگه هم بر اساس نظرات شما ویرایش میکنم تا کامل کامل بشه.ممنون که وقت گذاشتید 🙂

Author: admin

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *