javascript - Vue.js样式中包含图片，编译报错？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - Vue.js样式中包含图片，编译报错？

伊谢尔伦 2017-04-11 10:41:31

[JavaScript讨论组]

310

自己写了一个Vue的小demo，style里面有这样一个引用图片的样式

.field-content .icon-filter {
    float: left;
    width: 16px;
    height: 16px;
    margin-top: -1px;
    margin-right: 2px;
    background: url('../img/querypanel-icon.png') no-repeat;
    background-position: -43px -10px;
}

编译的时候报错，是我的webpack没配置某个loader吗？

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(2)

PHP中文网2017-04-11 10:43:31 2楼

是的，你需要加一个file-loader或者url-loader来处理以.png结尾的图片才行

赞 +0

添加回复

PHP中文网2017-04-11 10:43:31 1楼

你没有配置处理 png 图片的 loader，像这样：

{
  test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
  loader: 'url',
  query: {
    limit: 10000,
    name: 'image/[name].[hash:7].[ext]'
  }
}

url 是需要 url-loader ，也可以用 file-loader。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部