Webpack 在打包的时候，会使用 Terser Plugin 进行 JavaScript 代码压缩，它内部使用了 Terser 这个库。

Terser

Node API 使用方法

  1. const { minify } = require("terser");
  3. let code = "function add(first, second) { return first + second }";
  4. let result = await minify(code, { sourceMap: true });

minify options 的结构如下：

  1. {
  2.     parse: {
  3.         // parse options
  4.     },
  5.     compress: {
  6.         // compress options
  7.     },
  8.     mangle: {
  9.         // mangle options
  11.         properties: {
  12.             // mangle property options
  13.         }
  14.     },
  15.     format: {
  16.         // format options (can also use `output` for backwards compatibility)
  17.     },
  18.     sourceMap: {
  19.         // source map options
  20.     },
  21.     ecma: 5, // specify one of: 5, 2015, 2016, etc.
  22.     // ...
  23. }

compress options 有哪些呢？

  • drop_console 干掉 console
  • drop_debugger

参考