assets 和static的区别

assets 和static的区别,第1张

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

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

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

assets目录中的文件会被webpack处理解析为模块依赖,只支持相对路径形式。例如,在 ![](./logo.png)

和 background: url(./logo.png)中,"./logo.png" 是相对的资源路径,将由Webpack解析为模块依赖。

static/ 目录下的文件并不会被Webpack处理:它们会直接被复制到最终的打包目录(默认是dist/static)下。必须使用绝对路径引用这些文件,这是通过在 config.js 文件中的 build.assetsPublicPath 和 build.assetsSubDirectory 连接来确定的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12057147.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存