how to remove css comments from css file

Question

I am using nextjs + reactjs .I want to remove all css comments present in my css file. For example, a created a simple project for next js. I am using next-purgecss to remove unwanted css but still, it is not removing comments why?

here is my code https://codesandbox.io/s/sharp-jennings-upb7y?file=/next.config.js:73-86 I added a comment in my css file

/*

heloo terr
 */
a {
  background-color: green;
}

It should be removed after using purgecss plugin.Is there any way to remove these comments

To run code create a new terminal and run npm run dev as it open at 3005 port

Answer 1

Next.js removes comments in CSS automatically. You don't need an extra configuration or CSS processing packages. Run the project in production mode using npm run build and npm start and comments would be removed from the build.

Generally, in development mode ( next dev ), the build is not optimized for production.