<備忘録>Viteで作ったReact app内の全てのconsole.logを一瞬でdeactivateする方法

React内のconsole.logをbuild時に一括deactivate

サーバーにアプリを上げる前に、console.logを一括してディアクティヴェート出来る超便利な方法があるんだけど、いつもやり方を忘れるので、備忘録としてログ。

1,rollup-plugin-strip をインストール

npm install @rollup/plugin-strip --save-dev

２、vite.configのdefineConfig()を編集

import strip from '@rollup/plugin-strip';

export default defineConfig({
  plugins: [
    react(),
    strip({
      // remove all console.log calls
      include: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
      functions: ['console.log'],
    }),
  ],
})

たったこれだけで、Reactをbuild時にReact内の全てのconsole.logをワイプアウト。
超便利。＊ビルド時にconsole.logは省かれるだけでファイルにはそのまま残ります。