NUXT-资产和静态文件夹 - 何时使用哪个?

问题描述 投票:5回答:1

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

documentation关于这个文件夹它说:

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

并且:

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

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

此选项对于robots.txt,sitemap.xml或CNAME(对于类似的GitHub页面)等文件很有用。

如果我理解正确静态文件夹中的文件应该是其名称不应更改的文件(即第三方消费者)和资产文件夹中的文件,我不关心他们的名称是否更改(例如我使用的文件)我的页面)。

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

谢谢

webpack nuxt.js
1个回答
9
投票

assets文件夹的内容将由webpack处理,如果你使用像SASS,SCSS或Stylus这样的CSS预处理器,它将转换为通用CSS。或者也许您在该文件夹上放置一个图像,它也将通过webpack进行优化以进行生产。

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

© www.soinside.com 2019 - 2024. All rights reserved.