查询 svg-sprite-loader 历史版本

要查询svg-sprite-loader的历史版本，可以在命令行中进入项目的根目录，然后执行以下命令：

npm view svg-sprite-loader versions

这个命令将会列出svg-sprite-loader所有可用的版本号。如果你想查看某个特定版本的详细信息，可以执行以下命令：

npm view svg-sprite-loader@版本号

将"版本号"替换为你想要查看的版本号即可。这个命令将会显示该版本的详细信息，包括依赖的其他包的版本信息。

相关问题

ExtractPluginMissingException: svg-sprite-loader exception. svg-sprite-loader in extract mode requires the corresponding plugin

ExtractPluginMissingException是一个Webpack中常见的错误，它指出当svg-sprite-loader在提取模式（extract mode）下运行时，找不到相应的插件。svg-sprite-loader是用来从SVG文件中提取并打包精灵图（symbol sprites）到单独的CSS文件中，以便于CSS引用和优化。

在这种情况下，你需要安装并配置正确的插件，因为svg-sprite-loader依赖于其他特定的插件才能在extract模式下工作。这通常涉及到以下几个步骤：

1. 确保已经安装了`svgo-loader`和`svg-sprite-loader`，它们通常是svg-sprite-loader一起使用的。
2. 如果是使用`MiniCssExtractPlugin`等用于分离CSS的插件，确认是否已正确配置了`MiniCssExtractPlugin`及其配置选项。
3. 可能需要添加一个配置规则，例如`Rule`，将svg-sprite-loader链接到`MiniCssExtractPlugin`上，例如：

module.exports = {
  module: {
    rules: [
      {
        test: /\.svg$/,
        use: [
          'file-loader',
          {
            loader: 'svg-sprite-loader',
            options: {
              name: '[name].[hash]',
              outputPath: 'sprites/', // 输出精灵图的位置
              symbolId: 'icon-[name]', // 自定义每个图标ID的命名规则
              extract: true, // 设置为true启用extract模式
              plugins: ['SVGO'] // 如果需要，添加SVGO优化
            }
          }
        ]
      }
    ]
  },
  plugins: [
    new MiniCssExtractPlugin({
      filename: '[name].css'
    })
  ]
};

如果你仍然遇到问题，检查一下Webpack配置是否有误，或者查看相关的Webpack文档和项目依赖库的更新说明。

svg-sprite-loader

svg-sprite-loader 是一个 webpack loader，用于将多个 SVG 文件打包成单个 SVG sprite 文件。它可以自动生成 symbol 并生成一个包含所有 SVG 图标的 sprite 文件，使用 symbol 引用每个图标。这样的好处是可以减少 HTTP 请求的数量并提高页面性能。

使用 svg-sprite-loader 的步骤如下：
1. 安装 svg-sprite-loader：
npm install --save-dev svg-sprite-loader
2. 在 webpack 配置文件中添加 loader：
{
test: /\.svg$/,
loader: 'svg-sprite-loader',
}
3. 在代码中使用 SVG 图标：
<svg>
<use xlink:href="#icon-name"></use>
</svg>