Next.js，在開發模式下新增功能
如何在開發模式下使功能可用，而在生產環境中隱藏它們
我工作的一些網站/應用程序有2種模式，一種是開發模式，另一種是生產模式，即上線版本。
使用Next.js，我發現通過檢查process.env.NODE_ENV的值來實現這一點非常容易，當使用npm run dev運行時，它的值設置為'development'。
因此，我可能有一個不應該對外公開的API路由，我在其頂部添加以下代碼：
1 | if (process.env.NODE\_ENV != 'development') return null |
這樣就不會在生產環境中運行。
同樣，頁面組件也是如此，如果在生產環境中訪問，將渲染一個空白頁面。
我使用同樣的技術，在僅在開發模式下的組件中添加JSX代碼：
1 | { |