الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

رد فعل + تايب سكريبت + فيت

يوفر هذا القالب الحد الأدنى من الإعداد لجعل React تعمل في Vite باستخدام HMR وبعض قواعد ESLint.

يتوفر حاليًا مكونان إضافيان رسميان:

  • @vitejs/plugin-react يستخدم Babel للتحديث السريع
  • @vitejs/plugin-react-swc يستخدم SWC للتحديث السريع

توسيع تكوين ESLint

إذا كنت تقوم بتطوير تطبيق إنتاج، فنوصي بتحديث التكوين لتمكين قواعد الوبر المدركة للكتابة:

  • قم بتكوين خاصية parserOptions ذات المستوى الأعلى مثل هذا: 
 export default {
  // other rules...
  parserOptions : {
    ecmaVersion : 'latest' ,
    sourceType : 'module' ,
    project : [ './tsconfig.json' , './tsconfig.node.json' ] ,
    tsconfigRootDir : __dirname ,
  } ,
}
  • استبدل plugin:@typescript-eslint/recommended plugin:@typescript-eslint/recommended-type-checked أو plugin:@typescript-eslint/strict-type-checked
  • يمكنك اختياريًا إضافة plugin:@typescript-eslint/stylistic-type-checked
  • قم بتثبيت eslint-plugin-react وأضف plugin:react/recommended & plugin:react/jsx-runtime إلى قائمة extends
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل