NextJs svgr 处理svg转scss

Question

我正在尝试将 svg 作为组件导入 jsx，并像往常一样导入 scss。但得到不同的行为。 这是我的 next.config

      {
        test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
        issuer: {
          test: /\.(js|ts)x?$/,
        },
        use: [
          'babel-loader',
          {
            loader: '@svgr/webpack',
            options: {
              svgoConfig: {
                pretty: true,
                multipass: true,
                plugins: [
                  { sortAttrs: true },
                  { removeDimensions: true },
                  { removeStyleElement: true },
                  { removeAttrs: { attrs: '(xmlns.*)' } },
                ],
              },
              semi: false,
              singleQuote: true,
              icon: true,
            },
          },

          'url-loader',
        ],
      },
      {
        test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'url-loader',
      },
    );

    return config;

background-image: url('../../public/img/mail.svg');

css result svg content 如您所见，我正在使用 issuer 检测从 jsx 导入的 svg，但它不起作用。我不明白为什么。