[React]-빌드시 console 안보이게

src 안에 있는 index.js 파일에

if (process.env.NODE_ENV === "production") {
  console.log = () => {};
  console.error = () => {};
  console.debug = () => {};
}

를 넣는다.

즉,

--기존--

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import "./styles/reset.css";
import { ProSidebarProvider } from "react-pro-sidebar";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    <ProSidebarProvider>
      <App />
    </ProSidebarProvider>
  </React.StrictMode>
);

reportWebVitals();

--코드 넣음--

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import "./styles/reset.css";
import { ProSidebarProvider } from "react-pro-sidebar";

// replace console.* for disable log on production
if (process.env.NODE_ENV === "production") {
  console.log = () => {};
  console.error = () => {};
  console.debug = () => {};
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    <ProSidebarProvider>
      <App />
    </ProSidebarProvider>
  </React.StrictMode>
);

reportWebVitals();

상위폴더에 .env 파일을 만들어서

# GENERATE_SOURCEMAP=false

코드를 입력하고

package.json 파일에는 scripts 영역에

   "build": "set \"GENERATE_SOURCEMAP=false\" && craco build",

를 추가하기

끄읏-