Webpack如何配置压缩代码？压缩了什么？

要配置Webpack来压缩代码，可以使用Webpack提供的UglifyJsPlugin插件。以下是一个简单的Webpack配置示例，演示如何配置UglifyJsPlugin来压缩代码：
      

  const webpack = require('webpack');

module.exports = {
  //...其他配置

  plugins: [
    new webpack.optimize.UglifyJsPlugin({
      sourceMap: true, // 生成source map文件
      uglifyOptions: {
        compress: {
          drop_console: true, // 去除console语句
          drop_debugger: true, // 去除debugger语句
          warnings: false, // 关闭警告
          // 更多压缩选项可以在uglify-js文档中查看
        },
        output: {
          comments: false, // 去除注释
        },
      },
    }),
  ],
};

    在上面的配置中，我们通过new webpack.optimize.UglifyJsPlugin来实例化UglifyJsPlugin插件，并传入相应的压缩选项。这里设置了一些常见的压缩选项，如去除console语句、去除debugger语句、去除注释等。开启sourceMap选项可以生成source map文件，方便调试。

    UglifyJsPlugin主要用于压缩JavaScript代码，包括但不限于以下内容：
        去除空格和注释
        压缩变量名
        压缩代码逻辑结构
        去除无用代码
        去除debugger语句和console语句

    通过配置UglifyJsPlugin，可以有效地压缩JavaScript代码，减小文件体积，提高页面加载速度。当然，开发者也可以根据项目需求和特点进行定制化的压缩配置。