JSXはプレーンなJavaScriptファイルで動作します。

Question

私はVsCodeの最新バージョンを持っている、と私は基本的なnext.jsアプリ

を作成するには、チュートリアルを、以下の午前私はチュートリアルでは、.JSファイルにJSXを使用し、私のエディタはJSX文句ないことに気づきました。

これはどのように可能ですか？ VsCodeはデフォルトで.JSファイル内のJSXを認識しますか？そして、next.jsは自動的にJSXをコンパイルしますか？

Answer 1

はいVSコードは、*.jsと*.jsxの両方のファイルでJSXをサポートしています。これはインテリセンスやその他のエディタ機能にのみ影響します。私たちはどんな内蔵のコンパイラーの統合を提供していませんが、簡単にあなたのwith tasksまたはコマンドライン舞台裏

を使用して独自の、理由JSXは我々がどのように見える暗黙のjsconfig.jsonを作成*.jsファイルで有効になっている設定することができます。

{ 
    "compilerOptions": { 
     "target": "ES6", 
     "module": "commonjs", 
     "jsx": "preserve" 
    }, 
    "exclude": [ 
     "node_modules", 
     "**/node_modules/*" 
    ] 
}