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

时间:2018-02-15 13:14:00

标签: webpack nuxt.js

对NUXT不熟悉,我对资产和静态文件夹之间的区别感到有点困惑。

关于此文件夹的documentation中的

表示:

  

低于1 KB的每个文件都将作为base-64数据URL内联。除此以外,   图像/字体将被复制到相应的文件夹中(在   .nu​​xt目录),其名称包含版本哈希值以获得更好的效果   缓存。

还有:

  

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

     

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

     

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

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

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

由于

1 个答案:

答案 0 :(得分:10)

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

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