2016-03-24 8 views
0

私は大きくて貴重ですが、古いjsアプリケーションで作業していますが、コードはきれいですが、モジュールの概念はありません。このアプリケーションは多くのファイルに分割されており、すべてがindex.htmlの「動作する順序」でインポートされます。モジュールを持たないjsアプリケーションをcommonJsモジュールに移行するにはどうすればいいですか?

多くの理由から、私はモジュールにコードベースを移動したいと思います。 しかし、本当にたくさんの作業のようです。また、jsの動的性質のため、未解決の依存関係が実行時に検出されます。だから、 "たくさんの作品" + "信頼できない"は、それを危険な努力にしています。

これを行うにはどうすればよいでしょうか?このタスクで私を助けるツールはありますか(私はAST +依存解析ツールについて考えています)?

+0

最初にモジュールを1つのモジュールに移動してから、小さなモジュールをサブモジュールに引き出し、メインモジュール内のすべてを置換してrefを更新します。名前を大量にリサイクルする場合は、単体テスト(またはスニーカーテスト)を使用して背中を見たいかもしれません。 – dandavis

+0

あなたはすべてを1つのファイルに入れるのですか?私はその価値を見ていますが、アプリがとても大きいので、実用的かどうかはわかりません。 – LBarret

+0

既に1つのファイルにはありませんか? – dandavis

答えて

1

Webpackには、これらの状況に対処するためのいくつかのツールがあります。 exports loaderをチェックしてください。 - まだ値をエクスポートしていないモジュール(ファイル)から値(選択したもの)をエクスポートします。これにより、モジュールであるかのように扱うことができます。また、imports-loader(ファイルに別のファイルをインポートして、ビルド時に依存関係を確実に取得できるようにする)と、ドキュメントの同じページにある他のリソースもチェックしてください。

関連する問題