【webpack4打包压缩】

Webpack 4 中提供了一些内置功能可以帮助我们压缩打包后的代码。

首先，我们需要安装一个用于压缩 JavaScript 的插件 `uglifyjs-webpack-plugin`。可以通过以下命令进行安装：

```bash

npm install uglifyjs-webpack-plugin --save-dev

接下来，我们需要在 webpack 的配置文件中引入该插件，并将其添加到 optimization 属性中，如下所示：

```javascript

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  // ...
  optimization: {
    minimizer: [new UglifyJsPlugin()]
  }
}

默认情况下，Webpack 会在生产环境下自动启用压缩。但是，如果需要在开发环境下查看压缩后的代码效果，可以在配置文件中添加以下代码来启用压缩：

```javascript

module.exports = {
  mode: 'production',
  devtool: 'source-map',
  optimization: {
    minimizer: [new UglifyJsPlugin()]
  }
}

其中，`mode: 'production'` 表示开启生产环境模式，`devtool: 'source-map'` 表示生成的代码将包含源映射文件，以便于调试。