uniapp中android开发如何去除生产环境的console.log日志

在uniapp开发Android应用时，打包生产环境后如何彻底移除所有console.log输出？目前发现即便配置了productionSourceMap: false，调试日志仍会出现在release版本中。求教有效的配置方法或构建时自动过滤console的方案，最好能通过vue.config.js或manifest.json实现全局处理，而不是手动删除每个log语句。

2 回复

在uni-app中，可以通过配置vue.config.js文件来去除生产环境的console.log日志：

module.exports = {
  chainWebpack: (config) => {
    config.optimization.minimizer('terser').tap((args) => {
      args[0].terserOptions.compress.drop_console = true
      return args
    })
  }
}

这样在生产环境打包时就会自动移除所有console.log语句。


在 UniApp 中，可以通过以下方法去除生产环境的 console.log 日志，避免影响应用性能或泄露调试信息：

方法一：使用条件编译（推荐）

在代码中使用条件编译，仅在开发环境下保留 console.log：

// #ifndef PRODUCTION
console.log('调试信息');
// #endif

方法二：配置 Vue.config.js

在项目根目录的 vue.config.js 文件中，通过 configureWebpack 配置在生产环境中移除 console：

module.exports = {
  configureWebpack: {
    optimization: {
      minimizer: [
        new TerserPlugin({
          terserOptions: {
            compress: {
              drop_console: true, // 移除所有 console
            },
          },
        }),
      ],
    },
  },
};

注意：确保已安装 terser-webpack-plugin（HBuilderX 创建的项目通常已内置）。

方法三：使用环境变量

在 main.js 中根据环境变量全局覆盖 console.log：

if (process.env.NODE_ENV === 'production') {
  console.log = () => {}; // 生产环境重写为空函数
}

部署步骤

  1. 使用 HBuilderX：选择“发行” > “原生 App-云打包”，代码会自动压缩优化。
  2. 使用 CLI：运行 npm run build:app-plus，生成的生产包会移除调试代码。

验证

打包后安装 APK，通过 Android Studio 的 Logcat 或浏览器远程调试检查无 console.log 输出。

以上方法可有效清理日志，提升应用安全性及性能。

回到顶部