构建时Icon文件丢失

[bizky]

开发时在.\src\render\assets\目录下使用的icon文件，yarn dev时可以正常使用，但是yarn build后找不到这一icon文件

[orziz]

麻烦给一下示例

[bizky]

好的，这个问题我实验了一下，发现比较奇怪，不知道是不是咱们这个项目的问题

问题描述

1. 将这个项目直接clone下来
2. 把src/render/views/Index.vue中第3行的

<svg data-v-45502113="" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="500px" y="0px" viewBox="0 0 1024 1024" xml:space="preserve"><g data-v-45502113="" fill="currentColor"><polygon data-v-45502113="" id="Fill-1" points="0,265 285.3,992.6 316.9,193.8 	" class="st0"></polygon> <polygon data-v-45502113="" id="Fill-2" points="389.3,180.1 295.3,993.7 1024,30.3 	" class="st0"></polygon></g></svg>

修改为

<el-avatar src="../assets/logo.png"/>

3. yarn build构建，会发现构建起来的工程找不到这个图片

实验-1

在第二步中，将

<el-avatar src="../assets/logo.png"/>

替换为

<img src="../assets/logo.png"/>

这时再打包，可以发现构建起来的工程包含了这个图片

实验-2

在第二步中，将

<el-avatar src="../assets/logo.png"/>

拆分为

<el-avatar :src="mylogo"/>
import mylogofrom "./assets/logo.png";

这时打包，可以发现构建起来的工程也包含了这个图片

结论

实验-2的方法可以算作是一个解决方案，但是不太清楚为何原本的写法在构建时无法包含资源图片，由于本人技术所限，无法探究底层问题。。。如果是本项目的bug可以看看如何修复，如果是element-ui的bug，那就算啦。。。

[shiyutim]

这个应该不是 这个项目的 bug，我在其他地方也看到过这个问题