Terser-Webpack-plugin的使用

Terser-Webpack-plugin 是一个用于压缩 JavaScript 代码的 Webpack 插件。它可以将 JavaScript 代码压缩成更小、更高效的形式，从而提高网页加载速度。

以下是使用 Terser-Webpack-plugin 压缩 JavaScript 代码的基本步骤：

1. 安装 Terser-Webpack-plugin：

   npm install terser-webpack-plugin --save-dev

2. 在 webpack.config.js 中引入 Terser-Webpack-plugin：

   const TerserPlugin = require('terser-webpack-plugin');

3. 在 optimization 属性中配置 Terser-Webpack-plugin：

   optimization: {
     minimizer: [
       new TerserPlugin({
         terserOptions: {
           compress: {
             drop_console: true,
           },
         },
       }),
     ],
   },

在上面的代码中，我们通过 `minimizer` 属性指定要使用的压缩插件，然后创建一个新的 TerserPlugin 实例并将其添加到数组中。在 TerserPlugin 的构造函数中，我们可以配置一些选项来控制压缩行为。

4. 运行 webpack 命令来打包项目并压缩 JavaScript 代码：

   webpack

运行完上面的命令后，Terser-Webpack-plugin 将会自动压缩 JavaScript 代码，并将结果输出到最终的打包文件中。

以上就是使用 Terser-Webpack-plugin 压缩 JavaScript 代码的基本步骤。需要注意的是，Terser-Webpack-plugin 压缩 JavaScript 代码可能会影响代码的可读性，因此在开发阶段建议不要开启该插件。