خطأ في ملف style.CSS يؤدي إلى عدم ظهور التنسيقات webpack

هل يمكنك إرفاق ملف إعداد webpack حتى يمكننا تشخيص المشكلة بشكل أفضل ؟ 

مرحبا علاء
تأكد جيدا من الكود الذي يقوم بمعاجلة ملفات css, اذا كان صحيح وليس فيه أي مشكلة, تأكد من انك تقوم بتضمين ملف style.css بشكل صحيح في ملف index.js, وأيضا تأكد من تضمين ملف index.js في ملف index.html , اذا لم تجد أي مشكلة في كل ما سبق, تأكد من خاصية publicPath الموجودة في ملف webpack.config, يمكنك حذفها أو تركها فارغة
حاول باستخدام الضغط على فحص العنصر في المتصفح أن تتفحص الكود الخاص بالموقع وتأكد بان ملف style.css مضمن في الكود بشكل صحيح
شكرا لك

تحقق جيدا من تثبيت واعداد sass-loader و MiniCssExtractPlugin وهذا مثال مساعد 

module.exports = {

 module: {
 
  rules: [
        {
          test: /\.s[ac]ss$/i,
          use: [
            MiniCssExtractPlugin.loader,
            'css-loader',
            'sass-loader', 
          ],
        },
        
        {
          test: /\.css$/i,
          use: [ MiniCssExtractPlugin.loader,'css-loader'],
        }, 
    ]
 },

plugins: [
    new MiniCssExtractPlugin({
     filename: '[name].css',
      chunkFilename: '[id].css',
    }),
  ],
};

يمكنك التحقق أولا مجلد ال build لترى ما ان كانت ملفات ال css متواجدة بالشكل الصحيح هناك وراجع جيدا اعدادت webpack.config.js