web-dev-qa-db-fra.com

Actifs NUXT et dossier statique - quand les utiliser?

Étant nouveau sur NUXT, je suis un peu confus quant à la différence entre les actifs et les dossiers statiques.

dans la documentation concernant ce dossier, il est dit:

chaque fichier inférieur à 1 Ko sera intégré comme URL de données en base 64. Sinon, l'image/la police sera copiée dans son dossier correspondant (sous le répertoire .nuxt) avec un nom contenant une version hachée pour une meilleure mise en cache.

et aussi:

Si vous ne souhaitez pas utiliser les ressources Webpackées à partir du répertoire des ressources, vous pouvez créer et utiliser le répertoire statique dans le répertoire racine de votre projet.

Ces fichiers seront automatiquement servis par Nuxt et accessibles dans l'URL racine de votre projet.

Cette option est utile pour les fichiers comme robots.txt, sitemap.xml ou CNAME (pour les pages GitHub, par exemple).

Si je comprends bien, les fichiers dans le dossier statique doivent être des fichiers que leur nom ne doit pas changer (c'est-à-dire pour les consommateurs tiers) et dans le dossier des actifs, des fichiers que je ne me soucie pas si leur nom change (par exemple les fichiers que j'utilise sur ma page).

Pourquoi ne pas mettre tous les fichiers dans le dossier statique et c'est tout?
Quelle est la différence entre robots.txt et robots.png?
Quelles sont les meilleures pratiques concernant ces répertoires?

Merci

8
Randall Flagg

Le contenu du dossier assets sera traité par webpack, si vous utilisez un pré-processeur pour CSS comme SASS, SCSS ou Stylus, il se transformera en CSS générique. Ou peut-être que vous mettez une image sur ce dossier, elle sera également optimisée par webpack pour la production.

Et pour le dossier static, c'est juste un endroit où vous pouvez mettre tous vos éléments statiques, comme une image de fond ou un curseur. Il n'a jamais été touché par webpack.

12
Jefry Dewangga