やっていく
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/