codelambs

Bereaksi + naskah + vite

Template ini memberikan pengaturan minimal untuk bereaksi bekerja di vite dengan HMR dan beberapa aturan Eslint.

Saat ini, dua plugin resmi tersedia:

• @vitejs/plugin-react menggunakan babel untuk penyegaran cepat
• @vitejs/plugin-react-swc menggunakan swc untuk penyegaran cepat

Memperluas Konfigurasi Eslint

Jika Anda mengembangkan aplikasi produksi, kami sarankan memperbarui konfigurasi untuk mengaktifkan aturan linting tipe yang sadar:

• Konfigurasikan properti parserOptions tingkat atas seperti ini:

   parserOptions : {
    ecmaVersion : 'latest' ,
    sourceType : 'module' ,
    project : [ './tsconfig.json' , './tsconfig.node.json' ] ,
    tsconfigRootDir : __dirname ,
   } ,

• Ganti plugin:@typescript-eslint/recommended untuk plugin:@typescript-eslint/recommended-type-checked atau plugin:@typescript-eslint/strict-type-checked
• Tambahkan plugin:@typescript-eslint/stylistic-type-checked
• Instal Eslint-Plugin-React dan Tambahkan plugin:react/recommended & plugin:react/jsx-runtime ke daftar extends