<nut-icon type="self" :url="require('../assets/money.svg')"></nut-icon> image.png

自定义图标没有生效,是什么原因呢?

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;
      });
  },