この記事は.babelrcの設定を使わずにJest用の独自のBabelのオプションを設定する方法を紹介する記事です。 Node.jsで書かれたサーバーサイド用のテストとReactで書かれたフロントエンド用のテストでBabelの設定を変更したいために調べた内容です。他にも方法があれば教えていただけると助かります。 今回の記事ではReactのテストを例にしていますが、他のフレームワークやライブラリにも適応できます。 JestでBabelを使う まずはじめにJestは設定をJavaScriptで書くことができます。 ファイル名をjest.config.jsにしておくか、Jestを実行するときに--config <path/to/file>のように--configオプションをつけて設定ファイルを指定することができます。 JestでBabelを使ってテストを実行するためにはbabel-jestという
![.babelrcを使わずに独自のBabelの設定を使ってJestを実行する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/591526ad68c170b31e84ab62e74c12dafc63194c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9LmJhYmVscmMlRTMlODIlOTIlRTQlQkQlQkYlRTMlODIlOEYlRTMlODElOUElRTMlODElQUIlRTclOEIlQUMlRTglODclQUElRTMlODElQUVCYWJlbCVFMyU4MSVBRSVFOCVBOCVBRCVFNSVBRSU5QSVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSVBNkplc3QlRTMlODIlOTIlRTUlQUUlOUYlRTglQTElOEMlRTMlODElOTklRTMlODIlOEImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWI1ZjA5OWJmMTVmMWFiYzExNWRmMGEwMmU1NWFhOWY5%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc2hpc2FtYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZWM3NDEyMDhhZDg2MjY4NTlhMTM1ZTNiNzJiOWNiZWY%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D0dc8e5a92045b242eaaebcc8bc62db3a)