NUXTの初心者なので、アセットと静的フォルダーの違いについて少し混乱しています。
documentation には、このフォルダに関して次のように記載されています。
1 KB未満のすべてのファイルは、base-64データURLとしてインライン化されます。それ以外の場合、イメージ/フォントは、対応するフォルダ(.nuxtディレクトリの下)に、バージョンハッシュを含む名前でコピーされ、キャッシュが改善されます。
そしてまた:
アセットディレクトリのwebpackedアセットを使用しない場合は、プロジェクトのルートディレクトリに静的ディレクトリを作成して使用できます。
これらのファイルはNuxtによって自動的に提供され、プロジェクトのルートURLでアクセスできます。
このオプションは、robots.txt、sitemap.xml、CNAME(GitHub Pagesなど)などのファイルに役立ちます。
静的フォルダ内のファイルは、名前が変更されるべきではないファイル(つまり、サードパーティのコンシューマ向け)である必要があります。アセットフォルダでは、名前が変更されても気にしないファイル(たとえば、私のページ)。
静的フォルダーにすべてのファイルを配置しないのはなぜですか?
robots.txtとrobots.pngの違いは何ですか?
これらのディレクトリに関するベストプラクティスは何ですか?
ありがとう
assets
フォルダーのコンテンツはwebpackによって処理されます。SASS、SCSS、またはStylusなどのCSSのプリプロセッサーを使用すると、汎用CSSに変換されます。または、そのフォルダーに画像を配置すると、webpackによって本番用に最適化されます。
static
フォルダーの場合は、背景やスライダーの画像など、すべての静的アセットを配置できる場所です。それは決してwebpackに触れませんでした。