アセットの import を簡単にする TypeScript Language Service Plugin を作った - mizdra's blog

Web ページを作るときに、あらかじめファイルに書き出しておいた画像 (アセット) をページに埋め込みたいことがよくあると思います。例えばヘッダーにサービスのロゴ画像を埋め込む場合、以下のようなコードを書くと思います。 // src/components/Header.tsx export function Header() { return ( <header> <img src="/assets/logo.png" alt="Logo image" /> {/* ... */} </header> ); } 一方で、最近のWeb フロントエンドフレームワーク (例: Next.js, Remix) を使う場合は、import 文を用いて以下のように書くことが多いと思います。 // src/components/Header.tsx import I_LOGO from '../asse

[tkmkg8m]

却下された方法 1 や 2 もアイディアとしてはなるほどって感じだった

[Windymelt]

面白い

[gfx]

ほー。自分だったら .d.ts を自動生成してrepoにコミットしちゃうかな。