根据软件包导出目录获取图像路径

我正在通过调整Webpack配置尝试一些方法。这是我的问题-

我有vue组件包@foo/atom，其中有些组件通过将其导入为module

在内部使用静态图像。

程序包中的自定义组件

import logo from '@/assets/logo.svg'

data() {
 return {
  logo
 }
}

<img :src="logo" />

现在，当我构建软件包时，使用lib/img/logo.123123.svg命令将资产中的图像导出到vue-cli

vue-cli-service build --target lib --dest lib --name foo ./src/components/index.js

现在，当我将此组件包含到vue应用程序中时，说

import { CustomComponent } from '@foo/atom'

<CustomComponent />

并启动本地服务器，图像将得到404，并且当我检查路径时看起来像

http://localhost:3001/js/img/logo.123123.svg

这里的问题是，当我的本地服务器启动webpack时，将本地构建目录附加在映像的相对路径之前http://localhost:3001/js/，在该映像的相对路径应为node_module/@foo/atom/lib/img的位置，因为映像存储在其中。 / p>

我以为我可以将所有node_module/@foo/atom/lib/img复制到应用程序的根src/assets目录中，但这还是行不通的。

我被困在这里，任何线索或方向将不胜感激。让我知道是否还需要其他信息。