作为NUXT的新手,我对资产和静态文件夹之间的区别感到困惑。
在有关此文件夹的文档中,它说:
每个小于1 KB的文件都将作为base-64数据URL内联。否则,图像/字体将被复制到其相应的文件夹(.nuxt目录下),其名称包含版本哈希,以实现更好的缓存。
并且:
如果您不想使用资产目录中的webpacked资产,则可以在项目根目录中创建并使用静态目录。
这些文件将由Nuxt自动提供服务,并可以在您的项目根URL中访问。
此选项对于robots.txt,sitemap.xml或CNAME(例如GitHub Pages)之类的文件很有帮助。
如果我正确理解静态文件夹中的文件应该是其名称不应更改的文件(例如,对于第三方使用者),而资产文件夹中的文件则是我不在乎其名称是否更改的文件(例如,我使用的文件我的页面)。
为什么不将所有文件都放在静态文件夹中呢?
robots.txt与robots.png有什么区别?
关于这些目录的最佳实践是什么?
谢谢
assets
文件夹的内容将由webpack处理,如果对CSS使用预处理器(如SASS,SCSS或Stylus),它将转换为通用CSS。或者,也许您将图像放在该文件夹中,webpack还将对其进行优化以进行生产。对于
static
文件夹,它只是一个可以放置所有静态资产的地方,例如用于背景或滑块的图像。它从未被webpack碰过。