Would comments in ReactJS show in client browsers with Vite?

Question

Currently, I am using Vite with ReactJS and have the following two types of comments inside my codes, for example:

export const Main = () => {

  useEffect(() => {
    // console.log("first type of comment.");
  }, [])
  
  return (
    <>
      {/* <div>Second type of comment.</div> */}
    </>
  );
}

Will these two types of comments be visible in client browsers, if I use vite and vite build, respectively?

For similar issues, How comment a JSP expression? talks about whether the comments will be visible in client browsers, but it is for JSP type of comments.

Answer 1

It depends on build process. When you run a prod build - vite build, it initiates a minification process and strips of both style of comments

• JS //javascript comment, and
• JSX {/* <div>JSX comment</div> */}
  So, rest assured, when you run vite build, both types of comments will be removed, and they won't be visible to the users in their browsers.