要修改Vue CLI 3 预设的 terser-webpack-plugin 插件配置,您可以使用 Vue CLI 提供的配置文件和插件配置选项。以下是一些步骤来实现这个目标:

  1. 创建配置文件
    在您的 Vue CLI 3 项目根目录下,可以创建一个名为 vue.config.js 的文件,如果项目中还没有这个文件。这个文件将用于配置 webpack。
  2. 配置 terser-webpack-plugin
    vue.config.js 中,您可以配置 terser-webpack-plugin 的选项。例如,如果您想更改 terser-webpack-plugin 的压缩选项,可以像这样进行配置:
module.exports = {
  configureWebpack: {
    optimization: {
      minimizer: [
        new TerserPlugin({
          terserOptions: {
            compress: {
              drop_console: true, // 移除console.log
            },
          },
        }),
      ],
    },
  },
};

在上面的示例中,我们将 terser-webpack-plugin 配置为移除控制台日志(console.log)。

  1. 其他配置
    您还可以在 vue.config.js 文件中配置其他与 webpack 相关的选项,例如自定义 loaders、插件、alias 等。
  2. 重启开发服务器
    如果您正在运行开发服务器 (npm run serve),则需要在修改配置后重启开发服务器,以使新配置生效。

请注意,Vue CLI 3 的配置文件采用了基于 JavaScript 的配置语法,因此您可以按照需要定制各种 webpack 和项目配置。确保查阅 Vue CLI 3 的官方文档,以获取更多有关配置选项的详细信息和示例。