Webpack 响应加载链接网页包

我是一个新手网页用户。我想优化我的图像，然后 根据视口的不同，提供不同大小的服务。所以我一开始发现的是：

...

 {
            test: /\.(jpg|png)$/,
            use: [{loader: 'file-loader',
            options:{
                name: '[name].[ext]',
                outputPath: '/imgs',
                publicPath: '/imgs'
            }}, {
                loader: "url-loader",
                options: {
                    limit: 10000,
                    fallback: 'responsive-loader'
                }},
                "image-webpack-loader"
            ]
        },
...

我想的是：

• 使用“图像wbpack加载程序”优化我的图像

• 如果它的优化版本小于10k位，则将其设置为64base编码

• 如果没有，则使用“响应加载程序”加载

• 最后，将“响应加载程序”生成的所有图像推送到/imgs目录

唯一的问题是它不起作用。 我试图找到其他方法来实现这一点，我找到了“imagemin网页包插件”。我试着通过写作来使用它：

 new CopyWebpackPlugin([
      {from: './src/imgs', to: './imgs'}
    ]),
 new ImageminPlugin({
      { test: 'imgs/**'}
    }}),

它像预期的那样工作。复制并优化了我的所有图像。但我现在无法对它们使用任何加载程序的操作，因为它们已经在dist目录中。

---

有没有办法达到我想要的效果？谢谢你的帮助。

我找到了答案。响应加载器有“质量”选项，可以让我定义优化图像的程度。没有其他插件是必要的