如何在vue项目中使用icomoon？

Question

我在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.vueModule not found: Error: Can't resolve '../icomoon.eot?r30znd' in'D:/Users/Administrator/WebstormProjects/veshop/src/common'我把路径改成'/fonts/icomoon.eot'的话就不报错，也找不到文件,如果改成其他相对路径都会报cannot resolve directory ‘fonts’ 的错文件结构如图:我想请教下这相对路径该如何修改才能正确显示图标?

Answer 1

我们使用的是less，我们把fonts.css改为fonts.less就解决了这个问题

我们less的loader是这样的

test: /\.less$/,

loader: "style-loader!css-loader!less-loader",

Answer 2

分享下我找到的答案：https://stackoverflow.com/que...