next.jsでconsole.logを削除するプラグイン

覚書です。

next.jsでconsole.logを削除するプラグイン

プラグインはterser-webpack-plugin があるようです。ReactだけではなくVueもあります。またはBabelプラグインの babel-plugin-transform-remove-console。

はじめて babel-plugin-transform-remove-console を使った。安定するまではconsole.logを消したくないし、リリース成果物のみ消えてるの理想的だ。

— Yuki Kodama (@kuy) December 31, 2016

next.jsでinstallHook.jsのログ(ログが2重に表示される)

ふとみると、いつのまにかブラウザのログが二重に表示されていました。

片方は薄い灰色です。

調査してみると、単純にReact Developer Toolsの拡張機能のログのようでした。オフにしたら消えました。詳細のデバッグをやるときに2重に表示されていると、ちょっとやりにくいです…。

next.jsでログが2重に表示される(その2)

next.config.jsに書かれてるreactStrictModeをfalseにするとこの機能を一時停止できる。
また、本番環境では１回しか呼ばれない模様。

— オニオン (@negishi_riku) August 14, 2022

React的には、２回呼び出したことでバグるようなコード書くなよ
ってことらしい

— オニオン (@negishi_riku) August 14, 2022

一時的に2重に表示したくない場合は次のとおり。

module.exports = {
  reactStrictMode: false,
};