کتابخانه
systemjs یه لودر ماژول داینامیک برای جاوااسکریپته که Guy Bedford نوشته. باهاش می تونی ماژول ها رو توی مرورگر لود کنی، با import map بهشون اسم کوتاه بدی و فقط وقتی لازم شدن بیاریشون. مجوزش MIT هست و روی سایت های وردپرسی هم می شه ازش استفاده کرد.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز MIT؛ هش هر فایل با منبع بررسی شده است.
۶۲۰ کیلوبایت· ۲۳ فایل· انتشار
SHA-256: 8f343e1a7084f517e25db6049b9cb81550985088bded04a5928d0abf4c990395
اگه تا حالا چند تا فایل جاوااسکریپت رو با تگ script پشت سر هم توی صفحه لود کرده باشی، می دونی ترتیبشون چقدر مهمه. جابه جا بشن، همه چیز می ریزه. systemjs برای همین ساخته شده: یه لودر ماژول که فایل ها رو با import و export می شناسه، وابستگی ها رو خودش پیدا می کنه و به ترتیب درست لود می کنه. Guy Bedford نوشته و مجوزش MIT هست، یعنی هم توی سایت شخصی و هم توی پروژه تجاری راحت می تونی ازش استفاده کنی.
کارش فقط لود کردن نیست. با import map به جای نوشتن آدرس کامل هر کتابخانه، یه اسم کوتاه بهش می دی و یه جا مشخص می کنی اون اسم به کدوم فایل می رسه. ماژول ها رو هم می تونی داینامیک بیاری، یعنی فقط وقتی لازم شدن. یه فرمت اختصاصی به اسم System.register هم داره و باندلرهایی مثل Rollup می تونن خروجی system بدن. این خروجی برای مرورگرهایی که ماژول بومی رو کامل پشتیبانی نمی کنن به کار می یاد. توی پروژه هایی که چند بخش مستقل دارن و هر بخش جدا دیپلوی می شه، مثل میکروفرانت اند، هم اسمش زیاد شنیده می شه.
کجا به کارت می یاد؟ اگه برای یه پروژه وردپرسی قالب یا افزونه اختصاصی می نویسی و می خوای کدت ماژولار باشه، یا مجبوری مرورگرهای قدیمی تر رو هم پوشش بدی، systemjs گزینه خوبیه. ولی اگه فقط یه سایت شرکتی با چند تا اسکریپت ساده داری، لازم نیست سراغش بری. مرورگرهای امروزی خودشون ماژول و import map رو می فهمن و برای کارهای ساده همون کافیه. فریم ورک هم نیست، فقط لودره. رندر و روتینگ و این چیزها رو باید از جای دیگه بیاری.
چند تا نکته موقع انتخاب و استفاده: اول اینکه systemjs یه هسته کوچیک داره و چند تا افزونه اختیاری (extras) برای چیزهایی مثل AMD. پس فقط همونی رو بیار که لازم داری. دوم اینکه اگه کدت رو با باندلر می سازی، چک کن خروجی system داره یا نه. سوم اینکه توی ایران نباید به CDNهای خارجی تکیه کنی. روزهایی که اینترنت بین الملل قطع یا کنده، سایتت نصفه لود می شه. بهتره فایل رو روی هاست خودت بذاری. نسخه های رسمی و بدون تغییر systemjs رو توی مخزن داخلی ما هم می تونی پیدا کنی و از همون جا دانلود کنی.
استفاده از systemjs توی یه صفحه معمولی چند قدم بیشتر نیست. کد آماده اضافه کردن به صفحه پایین همین صفحه هست؛ اینجا فقط مسیر کلی رو می گم.
اگه خطا دیدی، اول مسیر فایل ها و ترتیب لود اسکریپت ها رو چک کن. بیشتر وقت ها مشکل از همین دو تاست.
systemjs یه لودر ماژول داینامیکه که ماژول ها رو لود می کنه و وابستگی هاشون رو به ترتیب درست می ذاره. فرقش اینه که با فرمت system هم کار می کنه و برای مرورگرهایی که ماژول بومی رو کامل پشتیبانی نمی کنن راه حل می ده. مرورگرهای جدید خودشون import دارن، ولی systemjs کنترل بیشتری بهت می ده.
آره، چون یه فایل جاوااسکریپت معمولیه و مثل بقیه اسکریپت ها با wp_enqueue_script لود می شه. وردپرس باهاش کاری نداره. فقط باید مطمئن بشی با اسکریپت های دیگه سایت تداخل نداره. بعد از اضافه کردنش کنسول مرورگر رو ببین و صفحه های اصلی رو تست کن.
برای پروژه های ساده و مرورگرهای جدید معمولا نه، خود مرورگر کافیه. ولی اگه باید مرورگرهای قدیمی تر رو پوشش بدی، خروجی باندلرت فرمت system هست، یا می خوای ماژول ها رو داینامیک و با کنترل بیشتر لود کنی، systemjs هنوز به درد می خوره.
برای سایت های ایرانی بهتره روی هاست خودت بذاری. CDNهای خارجی وقتی اینترنت بین الملل مشکل داره ممکنه لود نشن، و چون systemjs پایه لود بقیه ماژول هاست، نبودنش کل اسکریپت های صفحه رو از کار می ندازه. فایل رو یه بار دانلود کن و از مسیر داخلی استفاده کن.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.