بخصوص الصور لديك تكرار للإعدادات الخاصة بها حيث مرة كتبت file loader ومرة حددت لها Asset Modules وتلك هي الطريقة الصحيحة في الإصدار الحديث من webpack أي الإصدار 5 فلا داعي لاستخدام file-loader أي نكتب فقط:
test: /\.(png|jpe?g|gif|svg)$/i,
type: 'asset/resource',
generator: {
filename: 'assets/images/[name][ext]',
},
},
بالنسبة لكود جافاسكريبت فهو يعمل، حيث لو وضعت التالي في ملف index.js ستجد أنه يظهر لك في الصفحة:
alert('hey Omar 👋')