やっていく
src>types内に、index.d.tsというファイルを作りモジュールの型を定義します。ちなみに、d.tsは型定義ファイルと呼ばれ、JavaScriptのライブラリなどをTypeScriptなどで使う際に型情報を付与する目的で使用されます。
declare module '*.png'
あとは、tsconfig.jsonのcompilerOptions内に、先ほど追加した型情報ファイルの入ったディレクトを下記のように追加します。
"typeRoots": [ "types", "node_modules/@types" ]
これで、TypeScriptでpngがインポートできるようになりました🍺
import icon from '~/public/images/fidee_icon.png'
てな感じで本日も以上となります🍺
参考
- https://qiita.com/babie/items/25aa63e14c06e4a9a046
- https://www.wakuwakubank.com/posts/501-typescript-declaration/
