問題タブ [browser-console]

プログラミング全般に比較的慣れていないので、私が通常 JS で書くコードはそれほど複雑ではありません。これまで、管理しやすい小さなチャンクに分割する必要性を感じたことはありませんでした。
私は常に、単一のオブジェクトで単一のファイルを使用するアプローチを使用します

次に、それをhtmlにロードするだけです。デバッグには、ブラウザ コンソールを使用しました。
しかし最近、nodeJS をインストールし、モジュールのシステムについて学び、それがまさに現在のプロジェクトに必要なものだと思いました。ここまでは上に示した手法を使用してコーディングしましたが、今では管理が難しくなっています。1 つの巨大で乱雑な js ファイルをスクロールするのは、非常にイライラします。また、このプロジェクトをノードでも使用したいので、モジュールが本当に役立つと思いました。

MDN Docsで、モジュールはブラウザでも使用できることを知り、非常に満足しましたが、ブラウザではローカルで実行できず、http(s) を介してのみ実行できることに気付きました (つまり、私のデバッグ用のお気に入りのクロムコンソール）。しかし、モジュール システムが nodeJS と同じであれば、node を使用してプロジェクトをローカルで実行およびテストできます。

ただし、モジュールをブラウザーとノードの両方で使用できるようにする方法がわかりません。たとえば、要求、インポート、およびエクスポート ( exportx exports = x module.exports = ) の紛らわしい方法です。
私に似た古い質問をいくつか知っていますが、それらは非常に古いものです。モジュールは文字通りウェブ標準の一部になったので、外部ツールを必要とせずにこれを行う簡単な方法があることを本当に望んでいました.

私を正しい方向に向けたり、両方の環境で実行できるモジュールを作成する例を示したりできれば、それは素晴らしいことです。