AngularJSファイルを1つのファイルにまとめる

Question

私はAngularJSアプリケーションを構築しています。私は外部の依存関係はありませんが、コントローラ、サービスなどのためにアプリケーションを別々のファイルに分割しています。

このJSをすべて1つのファイルに結合したいので、ブラウザで作成する必要があります1つのリクエストで複数のリクエスト（各ファイルに1つ）ではなく、すべてのコードを取得できます。細身化も良いでしょう。

私がこれまで読んできたことから、Browserifyは私が必要とするものです。それは正しいと思いますか？このソリューションには皆さんのお勧めがありますか？

Answer 1

GruntまたはGulpを使用して開始することができます。これらのツールを使用すると、ファイルを連結してサイズを縮小するだけでなく、さらに多くのことを行うことができます。あなたはガルプを使用することを選択した場合たとえば：

• あなたがして、あなたのプロジェクトにgulpfile.jsを作成し、依存関係$ npm install gulp --save

• としてゴクゴクを追加一気-CLI $ npm install --global gulp-cli

• をダウンロードする必要がありますあなたのファイルを連結するgulp-concatパッケージを追加してください。$ npm install gulp-concat --save

• 最後にファイルを連結するコードを追加してください。 Here is an example。

さらなるヘルプが必要な場合はコメントを残してください。がんばろう！

---

あなたが例えば、コントローラ、ディレクティブおよびサービスのための3つの異なるディレクトリを持っていると仮定すると、うなり声here is an example gruntfile使用。また、必要に応じて時計プラグインを追加しました。

$ npm i grunt-cli -g 
$ npm i -D grunt 
$ npm i -D grunt-contrib-concat 
$ npm i -D grunt-contrib-uglify 
$ npm i -D grunt-contrib-watch