vue中 静态文件引用注意事项

assets文件夹与static文件夹的区别
区别一:
assets文件是src下的,所以最后运行时需要进行打包,而static文件不需要打包就直接放在最终的文件中了
区别二:
assets中的文件再vue中的template/style下用./这种相对路径的形式进行引用在script下必须用@import的方式引入,而static下的文件再.vue中的任何地方都只要使用../这种相对路径的方式引入

  1. assets用来放置样式,静态图片,只要src下面的组建中用到的资源就放在asset中
  2. static用来放没有npm包的第三方插件,字体文件
  3. assets与componets同级,在components引用的时候,用相对路径 ../assets/等等 如下图这里写图片描述

    注意:
    1.src目录下的资源必须用import或require
    2.静态文件,也就是在static下面的,必须是../../static/js/vconsole.min.js以这样的方式去引用

感谢分享https://www.cnblogs.com/huangqiao/p/7798887.html

猜你喜欢

转载自blog.csdn.net/qq_32963841/article/details/82592485