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

webpack Vue.js

神奇神无A

2020-03-20

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

有关此文件夹文档中,它说:

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

并且:

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

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

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

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

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

谢谢

第2539篇《NUXT-资源和静态文件夹-什么时候使用?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
十三Tom小哥 2020.03.20

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android