组件库中的组件,引用了相对路径下的empty.svg目录结构如下:webpack配置如下:
当某个项目始终这个组件库中的这个组件时,empty.svg无法显示。控制台查看了一下,发现路径不对。
那么组件库中的组件该如何引用图片文件呢?
组件库就不要用路径了,把图片文件引入使用
<template> <div> <img :src="empty"/> </div> </template> <script> import empty from './empty.svg'; export default { data() { return { empty, }; },
1.4m articles
1.4m replys
5 comments
56.7k users