【Nuxt】テンプレートでassetsとstatic配下のリソースを参照するときの書き方

はじめに この記事ではNuxt.jsの「assets」ディレクトリと「static」ディレクトリの使い分けと、ディレクトリに配置したファイルの参照方法について紹介します。 assetsとstaticディレクトリの使い分け Nuxtでは画像ファイル等を「assets」、または「static」ディレクトリに配置します。 この2つのディレクトリの使い分けは、webpackでコンパイルしたいかどうかで判断します。 assets ディレクトリ デフォルトの Nuxt のアプリケーション構造は小規模なものから大規模なものまで両方のアプリケーションにとって素晴らしい出発点を提供することを目的としています。アプリケーションは自由に構成でき、必要に応じて他のディレクトリを作成することができます。

[nilab]

「webpackでコンパイルしたい場合は「assets」ディレクトリに、コンパイルしたくない場合は「static」ディレクトリにファイルを入れます」