问题描述
我正在通过调整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
目录中,但这还是行不通的。
我被困在这里,任何线索或方向将不胜感激。让我知道是否还需要其他信息。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)