9

大規模な AngularJS アプリケーションにwebpackを使用する際の助けを探しています。機能に基づくフォルダー構造を使用しています (各機能/ページにはモジュールがあり、コントローラー、ディレクティブがあります)。単一のバンドルを生成する Grunt で動作するように webpack を正常に構成しました。大きなアプリになるので、チャンクを作成したいと思います。モジュール (ページ/機能) アーティファクトを非同期でロードしたいと考えています。

'code splitting'構文を使用して使用する webpack の例をいくつか見ていきrequire([deps],fn )ます。ただし、チャンクを遅延ロードできませんでした。まず第一に、AngularJS がユーザーを次のページにルーティングする前に、これらのチャンクをインポートする必要がある正確な場所がわかりません。責任の明確な分離を見つけるのに苦労しています。

各ルートの後にコントローラー/ディレクティブ/フィルターを非同期にロードするために webpack が使用される AngularJS アプリケーションの例を誰かが教えてくれましたか?

私がフォローしているリンクのいくつか： 角度1.xでの依存関係の遅延読み込みにBrowserifyまたはWebpackを使用する必要があり ます/posts/code/single-page-modules-with-webpack.html

4

2 に答える 2

2

これはhttps://github.com/webpack/webpack/issues/150からの引用です

webpack はモジュール バンドラーであり、javascript ローダーではありません。ローカル ディスクからファイルをパッケージ化し、Web からファイルをロードしません (独自のチャンクを除く)。

JavaScript ローダー、つまり script.js を使用します。

var $script = require("scriptjs");
$script("//ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js", function() {
  // ...
});
于 2015-01-26T17:50:22.380 に答える