Cloudinary React Image to Blog AI

React + TypeScript + Vite

このテンプレートは、HMR およびいくつかの ESLint ルールを使用して Vite で React を動作させるための最小限のセットアップを提供します。

現在、2 つの公式プラグインが利用可能です。

• @vitejs/plugin-react は高速リフレッシュに Babel を使用します
• @vitejs/plugin-react-swc は高速リフレッシュに SWC を使用します

ESLint 構成の拡張

実稼働アプリケーションを開発している場合は、構成を更新してタイプ認識の lint ルールを有効にすることをお勧めします。

• 最上位の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リストに追加します。