例えば、 imgUrl は、開発中は /img.png となり、本番用ビルドでは /assets/img.2d8efhg.png となります。 振る舞いは webpack の file-loader に似ています。異なるのは、絶対的なパブリックパス(開発中のプロジェクトのルートに基づく)または、相対パスを使用することができるという点です。 CSS 内の url() の参照も同様に扱われます。 Vue プラグインを使用している場合、 Vue の SFC テンプレート内の asset references も自動的にインポートに変換されます。 一般的な画像、メディア、フォントなどの拡張子は自動的にアセットとして検出されます。また、assetsInclude オプション で内部リストを拡張することができます。 参照されたアセットは build assets graph の一部として含まれ、ハッシ
![静的アセットの取り扱い](https://cdn-ak-scissors.b.st-hatena.com/image/square/75d92df573658c55081c52004d7cdbc139833089/height=288;version=1;width=512/https%3A%2F%2Fvitejs.dev%2Fog-image.png)