vue-cli4使用terser-webpack-plugin时exclude不生效？

Question

关于vue-cli4使用terser-webpack-plugin时, exclude不生效

我的目的就是想让utils.js文件下 console.* 都能打印 其余文件的console移除

1. vue-cli4本自带terser，使用过exclude，发现打印出来没有exclude于是安装了插件

// 原始代码
config.when(process.env.NODE_ENV === 'production', (config) => {
      config.optimization.minimizer('terser').tap((args) => {
        args[0].terserOptions.compress.drop_console = true
        args[0].terserOptions.compress.drop_debugger = true
        args[0].terserOptions.compress.pure_funcs = ['console.log']
        args[0].terserOptions.output = {
          comments: false,
        }
        return args
      })

2. 接着自行升级了cli和安装terser-webpack-plugin

"@vue/cli-service": "~4.5.19",
"terser-webpack-plugin": "~4.2.3",

config.optimization.minimizer('terser').use(TerserPlugin, [
        {
          minify: TerserPlugin.esbuildMinify,
          terserOptions: {
            compress: {
              drop_console: true,
              drop_debugger: true,
            },
            mangle: {
              safari10: true, // 解决ie，safari10.1不支持ES6语句
            },
          },
          exclude: /\/utils/,
        },
      ])

已经添加了exclude，utils.js 文件不做处理，但是正式环境还是没有打印
确认过插件是生效的，因为drop_console开启了，控制台没有任何打印

不知道哪个环境出了问题

Answer 1

最近遇到了相同问题，我的理解如下：

1. terser插件的输入文件不是源码，而是经过构建的bundle文件，比如chunk-vendors，所以应该这样配置：

      optimization: {
        minimize: true,
        minimizer: [
          new TerserPlugin({
            exclude: /.*chunk-vendors.*/,
            terserOptions: {
              compress: {
                drop_console: true, // console
                drop_debugger: true,
              },
            },
          }),
        ],
      },

2. 基于1，terser是无法针对单个源码文件配置exclude的，可能可行的方式是通过splitChunk将某些源码单独打成一个chunk文件，然后在这个文件上配置exclude