How to remove console statements from React Native apps
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 plugins4 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.