用了 webpack 进行构建,图片部分的 loader 如下
{
test: /\.(png|jpg|gif|svg)$/,
loader: 'url',
query: {
limit: 10000,
name: '[name].[ext]?[hash:7]'
}
}
模板代码
<template v-for="item in items">
<li v-show="item.show">
<a href="#">
<img v-bind:src="item.img">
</a>
</li>
</template>
遇到的问题是item.img中的路径并不会被 webpack 编译,还保持着相对路径的状态,最终产生 404 错误。
请问应该如何解决?
1
spademan 2016-05-22 15:44:58 +08:00
我也遇到这个问题 请问题主解决了吗 /
|
3
xjx0524 OP @spademan https://segmentfault.com/q/1010000004582219 那个采纳的答案我觉得靠谱,不过还没测试
|