أحاول استيراد Pixi في تطبيق Snowpack ، ولكن على الرغم من أن حزمة Pixi على NPM تحتوي على ملف esm ( /lib/pixi.es.js
) ، لا يمكن تحميلها مباشرة في المتصفح ، لأنها تستخدم libs الأصلية للعقدة ( على سبيل المثال: url
).
هل من الممكن استيراد PixiJS كوحدة ES بدون استخدام Rollup أو Webpack أو أي مجمع آخر؟
يمكن أن يوفر كل من Rollup و Webpack و Parcel جميع ملفات polyfill المضمنة لعناوين URL وأدوات المسار الخاصة بـ Node. لست على دراية بـ Snowpack ، لكن هل يمكنك تجاوز هذه؟ هناك أيضًا حزم عامة (على سبيل المثال ، url) بنفس الاسم يمكنك تثبيتها جنبًا إلى جنب؟
الخيار الآخر هو إزالة أي تبعيات تشبه العقدة من المشروع. سأحاول أولاً العثور على حل Snowpack لهذه المشكلة قبل أن نفعل ذلك. أيضًا ، جميع الحزم الأخرى المذكورة أعلاه مدعومة بشكل غير رسمي بواسطة pixi. قد يكون مشروع Boilerplate القائم على Snowpack مفيدًا لاختبار ذلك وإيجاد أفضل طريقة لدعم هذه الأداة أيضًا.
لدعم هذه الأداة أيضًا
هذا هو الشيء ... لا أريد استخدام مثل هذه الأدوات.
لا يقوم Snowpack بتحويل التعليمات البرمجية الخاصة بك بأي حال (يمكن ذلك ، لكن هذا ليس هو الهدف). الفكرة هي استخدام معايير الويب المفتوحة فقط.
فقط لأنه معيار ويب لا يعني أن Pixi تدعمه. هناك الكثير من ميزات المتصفح الحديثة التي لا ندعمها حتى الآن لأن الاعتماد منخفض أو ما زلنا نحاول تشغيلها في مجموعة واسعة من المتصفحات. هذا هو الطلب الأول لتشغيل وحدات ES مباشرة. إنها ليست فكرة سيئة ولكنها ليست أولوية كبيرة في الوقت الحالي.
تمت إضافة بنية ES لدعم اهتزاز الشجرة مع التجميع حتى لا يتم تشغيله في المتصفح باستخدام استيراد الوحدة.
إذا أراد شخص ما تولي هذه المهمة ، فسننظر في العلاقات العامة.
يا رفاق ، يا رفاق ليس لديك نسخة وحدة es.
سيكون هذا شيئًا رائعًا
حسنًا ، أسمعكم جميعًا. سنعمل على حزمة ESM قائمة على المستعرض.
في الوقت الحاضر أنا خلقت هذا . كانت المشكلة التي واجهتني هي أن نقل المكتبات في وضع التطوير جعلها بطيئة للغاية. ومن هنا الحل.
SagnikPradhan 404 رابط مقطوع 🤔
DrSensor هنا هي البنيات الرسمية من فرع ديف. ليس لدينا إصدار حتى الآن ، ولكن هذه ستكون في v5.4.0.
https://github.com/bigtimebuddy/pixi.js-browser-module-example
DrSensor عذرا ، ها هو الرابط الجديد. انتهى الأمر بتحويل البرنامج النصي البسيط إلى حزمة.
التعليق الأكثر فائدة
حسنًا ، أسمعكم جميعًا. سنعمل على حزمة ESM قائمة على المستعرض.