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'` 表示生成的代码将包含源映射文件，以便于调试。