使用terser-webpack-plugin处理console和debugger时，不会被处理。这个怎么弄？

Question

webpack 使用copy-webpack-plugin复制的文件，
在使用terser-webpack-plugin处理console和debugger时，不会被处理。

Answer 1

webpack5 下已支持，此为terser-webpack-plugin的默认行为。
详见
https://github.com/webpack-co...
https://github.com/webpack-co...

copy-webpack-plugin 通过改写compilation.assets 的方式将内容输出的最终产物。 webpack5 下 terser 会默认去处理相应的assets。

即如果你已配置，无需其他额外操作。前提是你是在新的版本下。

terserOptions: {
  compress: {
    drop_console: true, drop_debugger: true
  }
}

与此相反copy-webpack-plugin 你可以配置

patterns: [
    {
      from: "**/*",
      // Terser skip this file for minimization
      info: { minimized: true },
    },
],

标记为minimized，跳过terser处理