Expoを使用したReactNativeでsvgを読み込む方法を調べていたら、iosやandroidの記事は見つかったのですが、webでの対処法がなかなか見つからなかったので、ここにメモります。
参考にしたのがこちら
https://github.com/expo/examples/blob/master/with-svg/webpack.config.js
expoが出しているexampleリポジトリがあります。
これはそのsvgを使った場合のディレクトリにあるwebpack.config.jsです。
ここで書かれているコードをコピペして、以下の2つをnpmまたはyarnで追加します。
@svgr/webpack
@expo/webpack-config
ただし@svgr/webpackについては、v5.5.0でないとこのコードの書き方ではエラーになってしまいました。そのためバージョンを指定してインストールする必要があります。
最新バージョンでもうまくいく書き方があれば教えてほしいです。
コメント