vue 怎么设置 项目ico_如何在vue项目中使用icomoon？

我在vue项目中按照官网的例子使用icomoon出现module not found 的问题

我在style.css中的代码:

引用css的时候就会报出如下错误:./node_modules/_css-loader@0.28.7@css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-02c3df16","scoped":true,"hasInlineConfig":false}!./node_modules/_less-loader@4.0.5@less-loader/dist/cjs.js?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./src/common/footer.vue

Module not found: Error: Can't resolve '../icomoon.eot?r30znd' in

'D:/Users/Administrator/WebstormProjects/veshop/src/common'

我把路径改成'/fonts/icomoon.eot'的话就不报错，也找不到文件,

如果改成其他相对路径都会报cannot resolve directory ‘fonts’ 的错

文件结构如图:

我想请教下这相对路径该如何修改才能正确显示图标?