web-dev-qa-db-ja.com

NUXT-アセットと静的フォルダー-いつ使用するのですか?

NUXTの初心者なので、アセットと静的フォルダーの違いについて少し混乱しています。

documentation には、このフォルダに関して次のように記載されています。

1 KB未満のすべてのファイルは、base-64データURLとしてインライン化されます。それ以外の場合、イメージ/フォントは、対応するフォルダ(.nuxtディレクトリの下)に、バージョンハッシュを含む名前でコピーされ、キャッシュが改善されます。

そしてまた:

アセットディレクトリのwebpackedアセットを使用しない場合は、プロジェクトのルートディレクトリに静的ディレクトリを作成して使用できます。

これらのファイルはNuxtによって自動的に提供され、プロジェクトのルートURLでアクセスできます。

このオプションは、robots.txt、sitemap.xml、CNAME(GitHub Pagesなど)などのファイルに役立ちます。

静的フォルダ内のファイルは、名前が変更されるべきではないファイル(つまり、サードパーティのコンシューマ向け)である必要があります。アセットフォルダでは、名前が変更されても気にしないファイル(たとえば、私のページ)。

静的フォルダーにすべてのファイルを配置しないのはなぜですか?
robots.txtとrobots.pngの違いは何ですか?
これらのディレクトリに関するベストプラクティスは何ですか?

ありがとう

14
Randall Flagg

assetsフォルダーのコンテンツはwebpackによって処理されます。SASS、SCSS、またはStylusなどのCSSのプリプロセッサーを使用すると、汎用CSSに変換されます。または、そのフォルダーに画像を配置すると、webpackによって本番用に最適化されます。

staticフォルダーの場合は、背景やスライダーの画像など、すべての静的アセットを配置できる場所です。それは決してwebpackに触れませんでした。

16
Jefry Dewangga