codelambs

React + TypeScript + Vite

このテンプレートは、HMRおよびいくつかのESLINTルールを使用してViteでReactが機能するようにするための最小限のセットアップを提供します。

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

• @Vitejs/Plugin-ReactはBabelを使用して速い更新を使用します
• @vitejs/plugin-reacing-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-reacingとplugin:react/recommended ＆ plugin:react/jsx-runtimeへのextendsリストへ