私たちには、従来のフロントエンドコードを含むサイトがあります。コードは混乱している。異なるバージョンのjsフレームワークまたはライブラリが読み込まれます。コードの一部には依存関係を処理するhead jがありますが、実際には正しく構成されていません。私はこのコードをリファクタリングしたかったのですが、どこから始めたらいいかわかりません。コードの再構築を扱う方法を提案できますか？ jsの依存関係を処理するのに役立つ技術はありますか？js依存関係の管理
最初の手順は、プロジェクトが使用しているサードパーティのライブラリを把握することです。まだ完了していない場合は、サードパーティのライブラリをvendor/ディレクトリに移動してください（それに応じてURLを更新することを忘れないでください）。あなたはgitを使っています）、CDNから読み込まれたライブラリを探します。
使用しているすべてのライブラリ、使用されているファイル、バージョン、およびそのURLを一覧表示します。あなたのプロジェクトの状態に応じて、これはたくさんの作業になりますが、すべての依存関係をはっきりと見ることができれば価値があります。
これを済ませたら、すべてのライブラリが同じ場所から同じバージョンのライブラリを取得していることを確認できます。
そこからは、プロジェクトによって異なるので、役に立つ具体的なアドバイスをするのは難しいです。
コード検索ツールはあなたの親友になります。あなたが変更を加えたときにあなたが物事を壊さないようにするための長い道のりがあります。先ほど触れたように、git grepはgitプロジェクトに適しています。それ以外の場合は、the_silver_searcherまたはgrepをお勧めします。
また、スクリプトの読み込みを管理するためにすでに使用されている可能性のあるシステムについては、長い時間をかけて見てみることをお勧めします。 （あなたが言ったその "頭のjs"は有望であると言います）それは完全なごみであり、まれにしか使用されていなくても、あなたはそれを救済し改良することができるかもしれません。それが救済できない場合、それはまだ誰かがその特定のプロジェクトで実装しようとしたものです。前任者が遭遇した問題を見ることで、別のソリューションで前進するのと同じ問題にぶつかるのを避けることができます。
（サイドノート：従来のコードをゴミとみなさないようにしてください。）ある時点で誰かが考えていたと思っても、彼らのアイデアがひどいと判明したとしても、間違っていてどこに行ったのか）
これは、プロジェクトの実際の実行方法に影響を与えずにチームの生活を楽にしてくれるものです。 （あなたのリソースのURLを更新して、スクリプトを移動させるようにしてください。）
私はこの状況に取り組み、私の目を維持するためにいくつかのポイントを与え、コードの再構築に役立つものについて話し合ったので、私はこれを受け入れています。ありがとう – Bee
ロードしているフレームワークまたはライブラリにどのような依存関係マネージャを使用していますか？あなたがそれを言及しなかったので、私はあなたにnpmとbowerを見てお勧めします。あなた自身のライブラリのそれぞれでgitでバージョンコントロールを使うこともでき、これらの依存マネージャでそれらを必要とします。 – Leogout
それは...大きな質問です。私が現在行っているプロジェクトでは、このような状況に対処する必要がありました。これについて多くの方法があります。依存関係（例えば、webpack、browserify、RequireJSなど）を処理するために、プロジェクトやその他の方法で使用している特定の技術はありますか？現在、ビルドのステップはありますか？ – mAAdhaTTah