捆绑后SVG图标不呈现(webpack)

捆绑后SVG图标不呈现是指在使用webpack进行打包时，将SVG图标作为模块引入后，但在页面中无法正确显示的问题。

解决这个问题的方法有以下几种：

配置webpack的loader：在webpack配置文件中，可以使用file-loader或url-loader来处理SVG文件。这些loader会将SVG文件转换为base64编码的字符串，并将其作为模块引入。具体配置如下：

module: {
  rules: [
    {
      test: /\.svg$/,
      use: [
        {
          loader: 'file-loader',
          options: {
            name: '[name].[ext]',
            outputPath: 'images/'
          }
        }
      ]
    }
  ]
}

使用svg-url-loader：svg-url-loader是一个专门用于处理SVG文件的webpack loader，它会将SVG文件转换为DataURL，并将其作为模块引入。具体配置如下：

module: {
  rules: [
    {
      test: /\.svg$/,
      use: [
        {
          loader: 'svg-url-loader',
          options: {}
        }
      ]
    }
  ]
}

使用raw-loader：如果希望将SVG文件的内容作为字符串引入，可以使用raw-loader。具体配置如下：

module: {
  rules: [
    {
      test: /\.svg$/,
      use: [
        {
          loader: 'raw-loader',
          options: {}
        }
      ]
    }
  ]
}

以上是解决捆绑后SVG图标不呈现的几种常见方法，根据具体情况选择适合的方式进行配置。腾讯云相关产品中，可以使用腾讯云对象存储（COS）来存储和管理SVG图标文件。具体介绍和使用方法可以参考腾讯云COS的官方文档：腾讯云对象存储（COS）。