web-dev-qa-db-ja.com

Angular 7 ng build --prodでアセットを縮小する

/assetsのJavaScriptおよびCSSファイルは、ng build --prod以降は縮小されません。誰かがこれらのファイルを縮小する方法を知っていますか? angular doc。

4
user108828

ng build --prodを実行すると、angular-cliはプロジェクトフォルダーにdistという名前の新しいフォルダーを作成します。 distは、プロジェクトをデプロイするためにサーバーにアップロードするフォルダーです。

そのフォルダーには最小化するコードがないため、assetsフォルダーは最小化されていません。angular-cliは画像、svgsテキストファイルなどを最小化しません...画像を縮小したい場合は、次のようなオンラインツールを検索できます TinyJPG

編集:

必ずしも画像を最小限にしたいという意味ではありませんが、assetsフォルダーには.js .css .html .tsなどのファイルは含めないでください。Json、画像、その他のアセットのみ

1
KLTR

ng buildは、dist-フォルダーに webpack を使用してビルドを作成します。 distフォルダーは本番ウェブサイトに公開され、ウェブサイトの実行に必要なすべてのものが含まれています(縮小化されたAngularフレームワーク、コード、およびアプリケーションで参照される依存関係)。

index.htmlの先頭にあるCSSとJavaScriptは、縮小せずにアセットフォルダーから参照されます。代わりに これらのファイルを設定に追加する を検討してください。ソースフォルダー内の作業ファイルは開発目的で使用され、ビルドプロセス中に変更されません。

0
tlcooper

Ng build --prod angular=を実行すると、dist。distという新しいフォルダーがプロジェクトに作成されます。これは、アプリケーションを実行するためにサーバーに配置するフォルダーです。そのフォルダ内を見ると、いくつかのファイルが得られます。CSSとJSはすべてバンドルされ、それぞれ1つのファイルに縮小されます。

0
Thomas Clague