npm gruntを使用してフロントエンド角度アプリケーションを構築する

Question

これは最初の質問ですが、わからないことがあればよろしくお願いします。 私はアプリケーションを構築するためにも新しいです、私は斜めを使用して角度jsアプリケーションを構築しています。

私の質問は以下のような面倒な作業を使ってビルドを行ったことです。だから私はすべて私の "ビルド"フォルダ内のCSSとJavaのスクリプトファイルを縮小している。 app（ "build"）をサーバーにデプロイします。 1）すべてのノードモジュールを "ビルド"する必要があります 2）もしそうならビルドにはどうすればいいですか 3）正確に "ビルド"や "dist"には何が含まれていますか？このプロセス ための3つのフォルダが存在することになる標準として

grunt.registerTask('default', ['jshint','concat','ngAnnotate','uglify','htmlmin','copy','connect','watch']); 

Answer 1

兵卒あなたの仕事の多くは非常に簡単になりますタスクランナーで、連結のような、縮小など

- を構築 - distの - src

src：このフォルダにはすべてのソースファイルが含まれます。これは開発者がコードを書く場所です。このフォルダ内のファイルは、開発の容易さとモジュール構造のために編成されます。

パフォーマンスやプロジェクトに固有のさまざまな理由から、コードを連結、縮小、注釈付けなどのサーバーに展開する必要があります。 Gruntタスクは、srcフォルダ内のファイルを展開可能なコードに変換するために使用されます。

dist：これは、gruntタスクの出力であるすべてのファイルが存在するフォルダです。これは、サーバーに行くフォルダーです。

ビルドこのフォルダには、粗い作業に使用されるすべてのファイルが格納されます。例：grunt.js、package.json、node_modulesなど

distフォルダはサーバーに移動します。他には何もない。

Answer 2

ノードモジュールは、開発サーバーとすべてのクライアントサイドツールなどで使用されます。ビルドバージョンは、scripts.jsの行に沿って何かを持っています（JavaScriptファイル、つまり角度アプリ）vendor.jsライブラリ）index.htmlといくつかのcssファイル。