NUXT-资源和静态文件夹-什么时候使用?

Ran*_*agg 9 webpack nuxt.js

作为NUXT的新手,我对资产和静态文件夹之间的区别感到困惑。

在有关此文件夹的文档中说:

每个小于1 KB的文件都将作为base-64数据URL内联。否则,图像/字体将被复制到其相应的文件夹中(.nuxt目录下),其名称包含版本哈希,以实现更好的缓存。

并且:

如果您不想使用资产目录中的webpacked资产,则可以在项目根目录中创建并使用静态目录。

这些文件将由Nuxt自动提供服务,并可以在您的项目根URL中访问。

此选项对于诸如robots.txt,sitemap.xml或CNAME(例如GitHub Pages)之类的文件很有帮助。

如果我正确理解静态文件夹中的文件应该是其名称不应更改的文件(例如,针对第三方使用者),而资产文件夹中的文件则是我不在乎其名称是否更改的文件(例如,我使用的文件我的页面)。

为什么不将所有文件都放在静态文件夹中呢?
robots.txt与robots.png有什么区别?
关于这些目录的最佳实践是什么?

谢谢

Jef*_*gga 12

assets文件夹的内容将由webpack处理,如果对CSS使用预处理器(如SASS,SCSS或Stylus),它将转换为通用CSS。或者,也许您将图像放在该文件夹中,webpack还将对其进行优化以进行生产。

对于static文件夹,它只是一个可以放置所有静态资产的地方,例如用于背景或滑块的图像。它从未被webpack碰过。

  • @RandallFlagg有时,您需要拥有不一定在网站上直接使用的文件,例如PDF或要下载的大型资产,视频,音频等。基本上,您不需要Webpack处理。我的建议是....只需使用资产,直到发现需要使用静态文件夹。您有99%的时间不需要触摸静态文件夹。 (3认同)
  • 我还想了解引用用作背景但仍由 Webpack 处理的图像的最佳方法。通常背景图像很大,通过 imagemin 或类似的东西对其进行优化会有益。 (3认同)
  • 为什么我要把背景图片放在静态文件夹而不是资产中?所有与 CSS 相关的资源都应该被 webpack 接触。不? (2认同)