vue组件库开发

Question

组件库中的组件，引用了相对路径下的empty.svg

目录结构如下：

webpack配置如下：

当某个项目始终这个组件库中的这个组件时，empty.svg无法显示。
控制台查看了一下，发现路径不对。

那么组件库中的组件该如何引用图片文件呢？

Answer 1

组件库就不要用路径了，把图片文件引入使用

<template>
  <div>
    <img :src="empty"/>
  </div>
</template>
<script>
  import empty from './empty.svg';

  export default {
    data() {
      return {
        empty,
      };
    },