babel.config.js 如何配置删除 console.log?

Question

文档 https://reactnative.cn/docs/p...

参照文档修改如下配置后并没有起作用， 请问改如何配置呢？

目前环境

• "react-native": "0.61.5",
• "react": "16.9.0",
• "@babel/core": "^7.7.5",
• "babel-plugin-transform-remove-console": "^6.9.4",

babel.config.js

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    '@babel/plugin-proposal-nullish-coalescing-operator',
    '@babel/plugin-proposal-optional-chaining',
  ],
  env: {
    production: {
      plugins: ['transform-remove-console'],
    },
  },
};

Answer 1

Uglify 也可以：

new UglifyJsPlugin({
  uglifyOptions: {
    compress: {
      drop_console: true, // 去掉注释内容
      drop_debugger: true
    },
    warnings: false,
    output: {
      comments: false 
    }
  },
  sourceMap: false, 
  parallel: true
})

Answer 2

没记错的话删除 console.log 应该是 terser-webpack-plugin 的工作，类似这样：

module.exports = {
  optimization: {
    minimizer: [
      new TerserPlugin({
        cache: true,
        parallel: true,
        exclude: /node_modules/,
        terserOptions: {
          ecma: 6,
          toplevel: true,
          compress: {
            drop_console: true, // 就这个
          },
        },
      }),
    ],
  },
};