vue-lazyloading实现图片懒加载时图片引入路径问题

文档地址(https://www.npmjs.com/package/vue-lazyload)

关于vue中main.js引入图片的问题

刚接触vue的项目,很多东西需要学习
在使用v-lazyload实现图片懒加载的时候,在main.js中引入图片地址的时候出现了问题
我发现如果引入的路径是根目录下的 /static中的图片,没有任何问题,但是如果引入的是assets目录下的图片就找不到图片
后来去网上查了一下才知道,原来是main.js中的图片除了/static目录外都需要通过reqiure(‘图片路径’)的方式进行加载
通过reqiure(‘图片路径’)的方式引入的原因是因为打包之后会将图片转成base64格式打包进入js文件中

  • 综上,vue中在js文件中引入外部文件都需要通过import获取require进行引入

你可能感兴趣的:(VUE)