vue项目打包去除打印代码

一、在vuecli项目中

module.exports = {
productionSourceMap: false, // sourceMap打包关闭
configureWebpack: (config) => {
    // 取消console打印
    config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    return {
      name: "项目名称",
      resolve: {
        alias: {
          "@": resolve("src")
        }
      }
}

二、vite项目中

export default defineConfig({
// 采用build默认的mode 可以直接这样
 esbuild: {
    drop: ['console', 'debugger'], // 关闭控制台打印
  },
 build: {
    sourcemap: false, // 禁用Source Map
  },
})
 
// 通过判断生产环境还是开发环境控制打印方式
export default defineConfig((command, mode) => {
   return {
      esbuild: {
       drop: command.mode==='production' ? ['console', 'debugger'] : [], // 关闭控制台打印
      },
  }
})