reactjs - 反応 CRA - ビルドからデバッグ コードを除外する

Question

プロダクション モードで if ステートメントから一部のコードを完全に除外する方法はありますか??

私はそのようなことをしようとしていました:

import React from "react";
import Loadable from 'react-loadable';

function Loading() {
  return <div></div>;
}

let LoadableDebugBar;

if (process.env.NODE_ENV !== 'production') {
  LoadableDebug = Loadable({
    loader: () => import('./Debug'),
    loading: Loading
  });
} else{
  LoadableDebug = Loadable({
    loader: () => import('./BlankComponent'),
    loading: Loading
  });
}

export default LoadableDebug;

問題は、アプリがビルドされても、デバッグ コンポーネントのアイデアからソース コードを確認できることです。これは、プロダクション モードではコンポーネントが使用されないため、コンポーネントを完全に削除することです。

遅延ロードしても、すべてのデバッグ機能を非表示にできるように完全に削除したいので、まだ満足できません。