DEV Community

Cover image for Remove all console.log() from your project in less than a minute
Suhail Kakar
Suhail Kakar

Posted on

Remove all console.log() from your project in less than a minute

Introduction

console.log() is a debugging tool that can assist you to figure out what your code is doing. You may follow along as your code executes by displaying a message that contains either descriptive text that tells you what's going on or the values of certain variables.

Removing all console.log() from your project before production can be very difficult, Here is how to remove all console.log() from your project in less than a minute.

Step 1

Open your project in VS Code ( Since we are using Regex, It is easier to use it in VS Code )

Step 2

Click on the search icon on VS Code sidebar. It will open the search option

screely-1629616174912.png

Step 3

In search placeholder type console.log.*$ and select Use Regex option which can be found on the upper right corner of the search panel that’s designated by the icon .*

screely-1629615942100.png

Step 4

Once you searched for all the console.log(), Click on replace to remove all console.log()
and BOOM πŸ’₯ Now you don't have any console.log() in your project

Conclusion βŒ›

I hope you found this short helpful. If you need any help please let me know in the comment section.

Let's connect on Twitter and LinkedIn

πŸ‘‹ Thanks for reading, See you next time

Discussion (8)

Collapse
thefluxapex profile image
Ian Pride • Edited on

Won't this only work if the console command is the only thing until the end of the line? If you have anything else on the same line after it it will delete that as well. So if your line has multiple console commands in a ternary shortcut (? :, I get that this is not readability friendly, but since it's just debug anyway it's still common) or any other regular commands then you'll have a problem.

Collapse
ayc0 profile image
Ayc0

That's cool!
But this has a few issues:

  • it won't work with multi line console.log,
  • it won't work if you have something else in the same line after the console,
  • it won't work with if you do something like const fn = console.log (I mean it will remove the console, but the expression will become wrong).

I'd recommend instead using AST based tools like a webpack plugin, or a eslint custom rule, to detect a CallExpression with the callee being a MemberExpression with the object being console and the property log.

Collapse
suhailkakar profile image
Suhail Kakar Author

Thanks @ayc0
For multiline you need to use console\.log\(([^)]+)\);

Collapse
ayc0 profile image
Ayc0

It still won't work for code snippet like those:

console.log(
  'hello',
   world(1)
)
Enter fullscreen mode Exit fullscreen mode

(As it contains a closing parenthesis)

Collapse
deyvisonrocha profile image
Deyvison Rocha

Nice tip!

Collapse
suhailkakar profile image
Suhail Kakar Author

Thank you Deyvison, Glad you liked it : )

Collapse
jahidhasan profile image
Jahid Hasan

great

Collapse
suhailkakar profile image
Suhail Kakar Author

Thanks Jahid :D