vue-cli 3.0 发布 npm vue 组件包css中图片的打包问题

Question

rt。
style 中用到了 background-image.

a {
display: inline-block;
background-image: url("../assets/img/editor.png");
background-repeat: no-repeat;
width: 30px;
height: 30px;
border: 5px solid #fff;
background-size: 380px 60px;
overflow: hidden;
text-indent: 110%;
&:hover {
  background-position-y: -40px;
}
  }

config.vue.js 将 publicPath 改为 dist

module.exports = {
  lintOnSave: false,
  publicPath: '/dist/',
  css: {
    extract: false
  }
}

但是发布后 npm install 之后

无法获取图片。
项目地址

Answer 1

看错了，组件的话 你要把你的图片转base64或者弄成线上的地址才行，相对路径在组件使用时是找不到的