独自のangularjs javascriptファイルを自動的に/動的にインポートするにはどうすればよいですか？

REST APIとAngular Frontendを使用してWebアプリケーションを構築しようとしています。 Angular JSのフレームワークファイルと拡張機能をすべてインポートするだけで、自分で書いたJavaScriptスクリプトファイルごとにスクリプトタグを追加する必要があります（これはすべてのコントローラにとって大変です）。私はこの問題を解決しようとしているさまざまな解決策について聞いたことがありますが、これまでのところはリファクタリングなしでは動作しませんでした。 Node.jsではなくPython/Werkzeugベースのサーバーを使用しています。これは、コンテンツとnpm/bowerを提供して、javascriptパッケージを管理します。独自のangularjs javascriptファイルを自動的に/動的にインポートするにはどうすればよいですか？

どのように私は多くのjavascriptファイルを自動的にインポートすることができますか？そのプロセスで私を助けるツールはありますか？これは、私がすべてのx javascriptファイルを1回のリクエストでロードしたくないほど大きなアプリケーションであると仮定します。

編集：私は特に、新しい依存関係を追加せずにAngular /を使ってこれらのインポートを処理する方法を探しています。例えばJQueryのようなものが必要です。たぶん私はそのポイントを見逃しているかもしれませんが、今は私が与えられた要件の下では些細な解決策を知りません。

出典

2016-08-23 matt3o

可能な重複[内のJavaScriptファイルをインクルードする方法別のJavaScriptファイル？]（http://stackoverflow.com/questions/950087/how-to-include-a-javascript-file-in-another-javascript-file） – Roberrrt

おそらく[webpack]（https：// webpack。 github.io/）または[browserify]（http://browserify.org/）？ – Scott

ウェブパックはシングルページアプリのみのようです - 複数のページが必要です（純粋なアングルページなし）。 javascriptファイルにできるようになる前に、私は一種の束にまとめてコンパイルする必要があります。おそらく、これは異なるファイルに対する数十の要求よりも優れていますが、私が探していたものは厳密にはありません。基本的に私はAngular javascriptファイルを必要に応じて動的に含める方法を探しています。特定のコントローラをロードする必要があるためです。 – matt3o

webpackを使用すると、複数のファイルをまとめてコンパイルすることができます。単一のページアプリケーションである必要はありません。これにより参照順序の問題も解決されます。

このページでは非常によく異なる方法を説明します https://webpack.github.io/docs/motivation.html

それはあなたがNPMからのモジュールを使用することができますので、私は個人的にcommonjsを好む

幸運

の

出典

2016-08-23 14:52:57

おそらく、あなたは大きな角型アプリケーションをどのように扱いますか？私は特に、単一の巨大なパッケージのすべてではなく、単一のページに対して少数のモジュールしか必要としない分離されたモジュールを意味します。申し訳ありませんが、それはちょっとした疑問ですが、私はこれに関する経験はありません。 commonjsはNodejsでしか動作しませんか？またはブラウザにもロードできますか？ – matt3o

common jsは、コンパイルされたファイルをビルドするためにのみ使用され、ブラウザでは使用されません。パフォーマンスを重視すると、ブラウザが各ファイルのhttp要求を使ってこの作業を行うことは望ましくありません。 webpackを見てみると、あなたの質問に特別にスプリットポイントと呼ばれるものがあります：https://webpack.github.io/docs/code-splitting.html –

返信いただきありがとうございます。それ。そのようなものは確かにみんなが使っているものか、それとも私は他の回答も得ているでしょう。 – matt3o

独自のangularjs javascriptファイルを自動的に/動的にインポートするにはどうすればよいですか？

答えて

関連する問題