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