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).
Share this article on Twitter
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, a Developer Advocate at Draftbit.