vue3 vite terser打包后保留console.log输出的做法

1、首先安装terser

npm install terser -S  // 一定要是-S 将其保存到dependencies而不是devDependencies

2、在vite.config.js中进行如下配置: 和plugins同级建一个build，然后在里边进行如下配置

  plugins: [
      vue(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
  },
 build: {
    minify: 'terser', // 明确指定使用 terser
    terserOptions: {
      compress: {
        drop_console: false, // 保留 console
      },
      format: {
        comments: false // 移除注释
      }
    }
 },

3、做完以上步骤，在打包后的代码部署后就可以在浏览器中看到log输出了