<nut-icon type="self" :url="require('../assets/money.svg')"></nut-icon>
自定义图标没有生效,是什么原因呢?
发布于 2020-11-20 18:54
共1个回答
AD
游客AdtNgf
需要使用vue-svg-loader
插件:
在vue.config.js
文件中添加vue-svg-loader
:
chainWebpack: (config) => {
const svgRule = config.module.rule("svg");
// 清除已有的所有 loader。
// 如果你不这样做,接下来的 loader 会附加在该规则现有的 loader 之后。
svgRule.uses.clear();
// 添加要替换的 loader
svgRule
.use("vue-svg-loader")
.loader("raw-loader")
.tap((options) => {
// 修改它的选项...
options = {
esModule: false,
};
return options;
});
},
回答问题