/assets
のJavaScriptおよびCSSファイルは、ng build --prod
以降は縮小されません。誰かがこれらのファイルを縮小する方法を知っていますか? angular doc。
ng build --prod
を実行すると、angular-cliはプロジェクトフォルダーにdist
という名前の新しいフォルダーを作成します。 dist
は、プロジェクトをデプロイするためにサーバーにアップロードするフォルダーです。
そのフォルダーには最小化するコードがないため、assetsフォルダーは最小化されていません。angular-cliは画像、svgsテキストファイルなどを最小化しません...画像を縮小したい場合は、次のようなオンラインツールを検索できます TinyJPG
編集:
必ずしも画像を最小限にしたいという意味ではありませんが、assets
フォルダーには.js .css .html .tsなどのファイルは含めないでください。Json、画像、その他のアセットのみ
ng build
は、dist-フォルダーに webpack を使用してビルドを作成します。 distフォルダーは本番ウェブサイトに公開され、ウェブサイトの実行に必要なすべてのものが含まれています(縮小化されたAngularフレームワーク、コード、およびアプリケーションで参照される依存関係)。
index.html
の先頭にあるCSSとJavaScriptは、縮小せずにアセットフォルダーから参照されます。代わりに これらのファイルを設定に追加する を検討してください。ソースフォルダー内の作業ファイルは開発目的で使用され、ビルドプロセス中に変更されません。
Ng build --prod angular=を実行すると、dist。distという新しいフォルダーがプロジェクトに作成されます。これは、アプリケーションを実行するためにサーバーに配置するフォルダーです。そのフォルダ内を見ると、いくつかのファイルが得られます。CSSとJSはすべてバンドルされ、それぞれ1つのファイルに縮小されます。