codelambs

반응 + TypeScript + Vite

이 템플릿은 HMR 및 일부 ESLINT 규칙으로 VITE에서 React 작업을 수행 할 수 있도록 최소한의 설정을 제공합니다.

현재 두 개의 공식 플러그인을 사용할 수 있습니다.

• @vitejs/plugin-react는 빠른 새로 고침을 위해 babel을 사용합니다
• @vitejs/plugin-react-swc는 빠른 새로 고침을 위해 SWC를 사용합니다

ESLINT 구성 확장

프로덕션 응용 프로그램을 개발하는 경우 유형 인식 라이트 규칙을 활성화하기 위해 구성을 업데이트하는 것이 좋습니다.

• 다음과 같은 최상위 parserOptions 속성을 구성하십시오.

   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 on extends 목록에