web-dev-qa-db-ja.com

angular 1.xで依存関係の遅延読み込みにBrowserifyまたはWebpackを使用する必要がありますか?

大規模なアプリケーションでangular依存関係の非同期読み込みをしたいのですが、このために Browserify または Webpack のどちらかを決定しようとしています。angular 2.0はこれをネイティブでサポートすることを知っていますが、今のところ、十分にサポートされ、人気のあるソリューションを探しています。

angularチームで最も効果的に機能するもの、およびプロジェクトを構成するための最も最適な方法について、誰でもアドバイスを与えることができます。

30
Nikos

私の会社では、さまざまな理由でbrowserifyからwebpackに切り替えましたが、遅延読み込みもその1つです。

Browserifyで複数のバンドルに物事を入れるには、いくつかの構成変更と特別なコードが必要です。ここにそのための素晴らしいガイドがあります http://esa-matti.suuronen.org/blog/2013/04/15/asynchronous-module-loading-with-browserify/

Webpackでは、新しいバンドルを追加することは、構成のエントリファイル行に追加のエントリファイル行を意味するだけです。以下がそのクイックガイドです: https://github.com/petehunt/webpack-howto#7-multiple-entrypoints 。レイジーロードの場合、構成ファイルで何も変更する必要はありません。これは素晴らしいことです。ここで詳しく説明する非同期のrequire構文を使用してください https:// github。 com/petehunt/webpack-howto#9-async-loading

これは、本番環境で https://bench.co で使用するものと非常によく似た設定のテンプレートです。 https://github.com/jeffling/angular-webpack-example/

43
Jeff Ling