terser-webpack-plugin

terser-webpack-plugin 是一个优化和压缩 JS 资源的插件

准备

---

1. 安装 terser-webpack-plugin 依赖

   yarn add terser-webpack-plugin -D

语法

---

1. webpack.config.js 配置 webpack.mode 配置项，将 mode 设置为 none

   mode: "none",

2. webpack.config.js 配置 optimization , 在 optimization.minimizer 添加 TerserWebpackPlugi 插件

   optimization: {
       nodeEnv: false,
       minimize: true,
       minimizer: [new TerserWebpackPlugin()],
   }

3. webpack.config.js 完整配置如下所示:

   const TerserWebpackPlugin = require('terser-webpack-plugin');
   
   module.exports = {
       mode: "none",
       optimization: {
               nodeEnv: false,
               minimize: true,
               minimizer: [new TerserWebpackPlugin()],
           },
       };
   }