在vue中的js部分导入图片后通过webpack无法被正确打包的问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/github_37533433/article/details/78937645

具体描述

  • 在vue组件的js部分导入图片要使用require的形式导入,否则webpack不能正常导入,因为其路径不符合其解析规范

原因

  1. 在引入图片的时候的地址数据的时候需要使用require来讲图片作为模块引入,这样才会被webpack正确的打包的项目文件中,否则会因为webpack根据依赖打包而找不到指定的图片

  2. 如果是在HTML中的img中通过v-bind引入引入图片,src为对应的数据变量的话也是需要使用require来将图片作为模块引入才会被webpack正常打包

  3. 在HTML中直接书写的img地址以及css中引入的图片地址无需使用其他手段正常引用即可被webpack正常打包

展开阅读全文

没有更多推荐了,返回首页