Plugins
يُستعمل الخيار plugins لتطويع عملية البناء في webpack وتشكيلها بطرق متعدّدة. ويأتي webpack مزوَّداً بمجموعة من الـ plugins المدمجة التي يمكن الوصول إليها عبر webpack.[plugin-name]. اطّلع على صفحة Plugins لتجد قائمة بها مع توثيقها، مع ملاحظة أنّ هناك الكثير منها متاحاً ضمن مجتمع webpack.
plugins
مصفوفة من plugins خاصة بـ webpack. فمثلاً، يتيح لك DefinePlugin إنشاء ثوابت عالمية يمكن ضبطها أثناء التصريف، وهو ما يُفيدك حين تريد سلوكاً مختلفاً بين بُنى التطوير وبُنى الإصدار. ومنذ webpack 5.87.0، صار بإمكانك استخدام القيم الكاذبة (falsy) لتعطيل plugins بعينها وفق شروط معيّنة.
webpack.config.js
export default {
// ...
plugins: [
new webpack.DefinePlugin({
// التعريفات...
}),
false && new webpack.IgnorePlugin(), // مُعطَّل وفق شرط
],
};وفيما يلي مثال أكثر تركيباً يستخدم عدّة plugins:
webpack.config.js
import webpack from "webpack";
// استيراد plugins ليست مرفقة افتراضياً مع webpack
import DashboardPlugin from "webpack-dashboard/plugin";
// إضافة plugins إلى تخصيصك
export default {
// ...
plugins: [
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
// plugins تعمل وقت التصريف
new webpack.DefinePlugin({
"process.env.NODE_ENV": '"production"',
}),
// plugins خاصة بتعزيز webpack-dev-server
new DashboardPlugin(),
new webpack.HotModuleReplacementPlugin(),
],
};« Previous
OptimizationNext »
DevServer


