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

السؤال

نشر

حاليًا أقوم بفتح منفذ أوامر منفصل لكل واجهة واقوم بتشغيلها من خلال npm start، لكن أريد كتابة أمر واحد في pacakge.json scripts من أجل تشغيل الخادم والواجهة الأمامية معًا، فما هي الطريقة؟

Recommended Posts

  • 0
نشر

1-  أولا ضع فولدر الclient والسيرفر فى فولدر واحد 
2- فى package.json التابع لل client 
        سنستبدل أمر تشغيل الملف من 
 

  "scripts": {
        "dev": "vite",
        "build": "vite build",
        "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
        "preview": "vite preview"
    },
ليصبح 
  "scripts": {
        "start": "vite",
        "build": "vite build",
        "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
        "preview": "vite preview"
    },

3- بعد ذلك فى فولدر السيرفر نفتح ال terminal ونعمل install لمكتبة concurrently
Screenshot2024-01-28150915.png.d4b251da5a9ffeb05d82b71e73adfee4.png

4- ثم فى ملف ال package.json التابع للسيرفر
 

"scripts": {
        "server": "server --ignore client",   
        "client": "npm start --prefix ../client",
        "start": "concurrently --kill-others-on-fail \" npm run server\" \" npm run client\""
    }

5- بعد ذلك فى فولدر السيرفر نفتح ال terminal 
       ثم npm start
سيتم تشغيل الخادم Node.js والـ Client  بأمر واحد

رابطة المكتبة https://www.npmjs.com/package/concurrently
 

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...