私はしばらく Vue を使用していますが、プロジェクト画像をassets
フォルダーまたはpublic
フォルダーのいずれかに保存できることに気付きました。
assets
Vueのフォルダから画像にアクセスするには、次のようにします。:src="require('@/assets/images/myimage.jpg')"
public
Vueのフォルダから画像にアクセスするには、次のようにします。:src="./static/images/myimage.jpg"
Vue プロジェクトイメージを保存する適切な場所はどこですか?
どちらかを使用するとどのような意味がありますか?
私のプロジェクトにどのような影響がありますか?
ベストアンサー1
公式の vue ドキュメントによると、assets フォルダー内にあるものはすべて Webpack によって処理されますが、public フォルダー内にあるものはすべて単にコピーされるだけで、Webpack を経由しません。https://cli.vuejs.org/guide/html-and-static-assets.html#static-assets-handling
したがって、ビルド中に Webpacks の最適化機能を利用したい場合 (これは間違いなく望ましいことです)、それらをアセットに配置します。また、すべての img をアセット フォルダーに配置し、パブリック フォルダー内には pwa 関連の画像とアイコンのみを配置します。