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