vue下assets下的静态资源和static下的静态资源的区别
区别一(最终位置)
assets文件是src下的,所以最后运行是需要进行打包,而static文件不需要打包直接放在最终的文件中了
区别二(引用方式)
assets中的文件在vue中的template/style下用../这种相对路径的形式进行引用,但是在script下必须用@import的方式引入
static下的文件在.vue中的任何地方都只要使用../这种相对路径的方式引入
建议
只要在src下面的组件中用到的资源就放在assets下面
在项目中,经常会用带一些没有npm包的第三方插件,放在static中
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步