Cloudinary React Image to Blog AI

리액트 + 타입스크립트 + Vite

이 템플릿은 HMR 및 일부 ESLint 규칙을 사용하여 Vite에서 React가 작동하도록 하기 위한 최소한의 설정을 제공합니다.

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

• @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를 설치하고 extends 목록에 plugin:react/recommended 및 plugin:react/jsx-runtime 추가하세요.