Webpack 2: WARNING in .png，.svg，..已弃用。在它自己的选项中配置optipng的optimizationLevel选项。(optipng.optimizationLevel)

Webpack 2是一个流行的前端构建工具，用于将多个前端资源打包成一个或多个静态文件。在Webpack 2中，当我们使用.png、.svg或其他图像文件时，会收到一个警告提示。这个警告是由于在Webpack 2中，对于图像文件的优化默认设置已被弃用。解决这个问题的方法是通过配置Webpack的选项来设置optipng的optimizationLevel选项。

首先，我们需要安装imagemin-webpack-plugin插件来优化我们的图像文件。可以通过以下命令进行安装：

npm install imagemin-webpack-plugin --save-dev

然后，在Webpack的配置文件中，我们需要添加以下内容：

const ImageminPlugin = require('imagemin-webpack-plugin').default;

module.exports = {
  // 其他配置项...
  plugins: [
    // 其他插件...
    new ImageminPlugin({
      pngquant: {
        optimizationLevel: 5
      },
      svgo: {
        // 其他配置项...
      }
    })
  ]
};

在上面的配置中，我们通过ImageminPlugin插件配置了pngquant的optimizationLevel选项为5，这是一个最高级别的优化。你也可以根据自己的需求调整这个选项的值。

通过以上配置，Webpack会自动在构建过程中对.png和.svg文件进行优化。优化后的文件将被输出到相应的目录中。

推荐的腾讯云相关产品：

• 腾讯云对象存储 COS：腾讯云的对象存储服务，可用于存储和分发优化后的静态文件。了解更多信息，请访问：腾讯云对象存储 COS
• 腾讯云云服务器 CVM：腾讯云的云服务器，可用于部署和运行前端应用。了解更多信息，请访问：腾讯云云服务器 CVM