assets 和static的区别

Question

assets 和static

请问 在 vue-cli 项目中 assets 和 static 有什么区别呢 ,静态文件放置有没有好的放置地点..谢谢

Answer 1

assests放置的是组件的资源，static放置的是非组件的资源。

比如说即static下的文件资源作为src路径传入组件中，文件的path是可以被解析了，而assets则不行。

比如你写一个音乐播放器，类似的播放键和上一曲下一曲这些图标就应该作为组件资源放在assests里面，而不同音乐选集的封面这些是应该作为文件资源放在static下。

Answer 2

assets->bundle(编译到一起)

static->resources(远程URL请求)

Answer 3

assets 文件夹的内容会被 webpack 打包到一起
而 static 文件夹是浏览器直接去请求文件了