Webpack

webpack هو مُجمِّع وحدات مجاني ومفتوح المصدر للغة جافا سكريبت . ^{[ 5 ] [ 6 ] [ 7 ] [ 8 ]} صُمِّمَ في الأساس للغة جافا سكريبت، ولكنه قادر على تحويل موارد الواجهة الأمامية مثل HTML وCSS والصور إذا تم تضمين أدوات التحميل المناسبة. ^{[ 9 ]} يأخذ webpack الوحدات مع تبعياتها ويُنشئ موارد ثابتة تُمثِّل تلك الوحدات. ^{[ 10 ]}

يُنشئ Webpack مخططًا للتبعيات، مما يُمكّن مطوري الويب من استخدام منهجية معيارية لتطوير تطبيقاتهم. يُمكن استخدامه من سطر الأوامر أو تهيئته عبر ملف تهيئة يُسمى webpack.config.js . يُحدد هذا الملف القواعد والمكونات الإضافية، وغيرها، للمشروع. (يتميز Webpack بقابلية توسيع عالية عبر القواعد، مما يسمح للمطورين بكتابة مهام مخصصة لتنفيذها عند تجميع الملفات).

يتطلب استخدام Webpack استخدام Node.js.

يُتيح Webpack إمكانية تقسيم الكود عند الطلب باستخدام ما يُعرف بتقسيم الكود . يدعم Webpack تقنيتين متشابهتين لتقسيم الكود الديناميكي. الطريقة الأولى، والموصى بها، هي استخدام صيغة import() التي تتوافق مع اقتراح ECMAScript للاستيراد الديناميكي. أما الطريقة القديمة، الخاصة بـ Webpack، فهي استخدام require.ensure . ^{[ 11 ]}

يُوفر Webpack أيضًا خادم تطوير مُدمجًا، يُسمى webpack-dev-server ، يُمكن استخدامه كخادم HTTP لتقديم الملفات أثناء التطوير. كما يُتيح إمكانية استخدام خاصية التحديث الفوري للوحدات (HMR)، التي تُحدّث الكود على صفحة الويب دون الحاجة إلى إعادة تحميل الصفحة من قِبل المُطور.

• براوزريفاي
• فيت
• برنامج غرانت
• Gulp.js
• إطار عمل جافا سكريبت

• الموقع الرسمي