How to remove console statements from React Native apps

Published on Jun 19, 2022

1 min read

REACT-NATIVE

For debugging purposes, I often use console.log statements in React Native and Expo applications.

A babel plugin called babel-plugin-transform-remove-console takes care of removing any console statements from the code. This is a great plugin that I like to use, especially before releasing apps in production.

How to use it

🔗

Install the plugin as a dev dependency in the project:

yarn add -D babel-plugin-transform-remove-console

Then, add it as a plugin under env.production in the babel.config.js file:

1module.exports = function () {
2 return {
3 // ... other project config such as presets and plugins
4 env: {
5 production: {
6 plugins: ['transform-remove-console']
7 }
8 }
9 };
10};

This will remove any console statements from the code.

Why does it works

🔗

React Native uses Babel as a tool to read and parse React and ES6 (or later) syntax into a specific version of JavaScript code that can run in an environment (that doesn't support newer ES6 or React syntax).


More Posts

Browse all posts

Join 1300+ devs & subscribe to my newsletter!

NEWSLETTER

🔗 Subscribe on Revue

Aman Mittal author

Software Developer and Technical Writer since 2017. Loves learning and writing about Node.js, React, React Native & Expo. Previously, worked as Developer Advocate, independent consultant, and technical writer with companies like Draftbit, Vercel and Crowdbotics.


Copyright ©  2019-2022 Aman Mittal · All Rights Reserved.