vue下assets下的静态资源和static下的静态资源的区别

Posted lml-lml

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue下assets下的静态资源和static下的静态资源的区别相关的知识,希望对你有一定的参考价值。

区别一(最终位置)

assets文件是src下的,所以最后运行是需要进行打包,而static文件不需要打包直接放在最终的文件中了

区别二(引用方式)

assets中的文件在vue中的template/style下用../这种相对路径的形式进行引用,但是在script下必须用@import的方式引入
static下的文件在.vue中的任何地方都只要使用../这种相对路径的方式引入

建议

只要在src下面的组件中用到的资源就放在assets下面
在项目中,经常会用带一些没有npm包的第三方插件,放在static中



以上是关于vue下assets下的静态资源和static下的静态资源的区别的主要内容,如果未能解决你的问题,请参考以下文章

vue引入assets和static静态资源问题

assets与static区别

vue 项目中assets文件夹与static文件夹引用的区别

vue中assets和static的区别

vue中src下的assets文件与static文件的几点区别

Vue-cli中的静态资源管理(src/assets和static/的区别)