اذهب إلى المحتوى
  • 0

تحديث تلقائي للصفحة باستخدام خادم ويب باك المحلي - auto reload

محمد سيد أحمد4

السؤال

لقد قمت بتثبيت ويب باك و خادم ويب باك لأتمكن من تحديث الصفحة بشكل تلقائي عند العمل على تطوير الموقع 

ولكن المشكلة أنه يعمل تحزيم وكله تمام ولكن لا يحدث الصفحة بشكل تلقائي هذا الكود في ملف webpack.config.js

  devServer: {
        static: './dist',
      },

وفي ملف package.json :

 "scripts": {
    "watch": "webpack --watch",
    "start": "webpack serve --open",
    "build": "webpack"
  },

أعطيه الأمر npm start 

فايبدأ بالتحزيم ويفتح لي صفحة على بورت معين

ولكن عند العمل على المشروع لا يحدث الصفحة بشكل تلقائي ، ماهي المشكلة ؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

يختلف الأمر حسب إصدار webpack لديك، حاول جعل الامر كالتالي

 

webpack serve --mode development 

أي تحديد النمط للتطوير 

و تمرير hot ل dev server في webpack.config.js

module.exports = {
  //...
  devServer: {
    hot: true,
  },
};

مع تمرير 

webpack serve --hot

أو

webpack.config.js

...
module.exports = {
    ...
    devServer: {
        contentBase: ...,
        publicPath: ...,
        watchContentBase: true          // هذه
    },
    ...
}


package.json

{
    ...
    "scripts": {
        "develop": "webpack-dev-server --open --mode development",
        ...
    }
    ...
}

أو

webpack.config.js

module.exports = {
  //...
  devServer: {
    liveReload: true,
  },
};

 CLI:

webpack serve --live-reload

static لاتعمل بهذه الطريقة خطأ إقرا عنها في توثيق ويب باك

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...