在vue中的js部分导入图片后通过webpack无法被正确打包的问题
2017-12-30 15:10
716 查看
具体描述
在vue组件的js部分导入图片要使用require的形式导入，否则webpack不能正常导入，因为其路径不符合其解析规范原因
在引入图片的时候的地址数据的时候需要使用require来讲图片作为模块引入，这样才会被webpack正确的打包的项目文件中，否则会因为webpack根据依赖打包而找不到指定的图片如果是在HTML中的img中通过v-bind引入引入图片,src为对应的数据变量的话也是需要使用require来将图片作为模块引入才会被webpack正常打包
在HTML中直接书写的img地址以及css中引入的图片地址无需使用其他手段正常引用即可被webpack正常打包
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue+webpack解决css引用图片打包后找不到资源文件的问题
- Python中使用django框架进行web开发，模板中无法导入css、js和图片的问题解决
- 详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
- 用extract-text-webpack-plugin提取出来的css文件中背景图片url的不正确的问题
- 关于intellij14的web项目导入lib丢失以及上传资源图片等无法访问的问题
- vue通过webpack打包后怎么运行
- Echart在使用webpack打包之后，IE10+中无法渲染的问题
- webpack dev server 无法通过ip访问问题
- webpack + vue 项目 自定义 插件 解决 前端 JS 版本 更新 问题
- [js高手之路]深入浅出webpack教程系列9-打包图片(file-loader)用法
- vue-cil和webpack中本地静态图片的路径问题解决方案
- 实现ipad上的内嵌webview手势缩放图片(修改版，解决在第一张图片放大的情况下翻到下一张图片无法放大的问题) 基于Quo（js库）
- webpack打包生成的bundle.js文件过大的问题
- 用webpack打包vue项目后，静态资源路径失效问题
- webpack+vuecli打包生成资源相对引用路径与背景图片的正确引用
- 关于webpack打包图片的问题
- web项目中url-pattern改成'/'后，js、css、图片等静态资源（404）无法访问问题解决办法
- webpack2打包vue与Boostrap并进行多页面打包以及公共js部分的提取
- vue-cil和webpack中本地静态图片的路径问题解决方案
- Vue webapp项目通过HBulider打包原生APP（vue+webpack+HBulider）