2017-06-13 2 views
11

だから、私は大きなアプリに取り組んでいると、すべてのコンポーネントは、独自のSASSファイルのスタイルを持っている(私たちはViewEncapsulation.Nativeを使用)が、私はnpm run build --stats-json --prod --aotを構築し、私はこの角度ビルドサイズは巨大である

を取得 https://chrisbateman.github.io/webpack-visualizer/と統計情報をご確認ください

enter image description here

右側のこれらの大きなオレンジ色のブロックはすべてsass.shim.ngstyle.tsファイルであり、それぞれ1つは195kです!

+0

@KevinNielsen。それらは、ブラウザに存在しないshadowdom機能を必要とするポリフィルである。あなたはどんな答えを期待しているのかは分かりません。詳細を教えてください。 – karthick

+1

私はあなたがすでにこれを試したと思いますが、サーバー側に 'gzip'を持っていますか?あなたはwebpackに 'uglify'を持っていますか? –

答えて

0

いくつかの調査の後、問題はすべてのコンポーネントが_mixins.sassをインポートしていたことですが、mixinsはかなり大きなサイズのbootstrap-custom.sassファイルもインポートしていました。

解決策は、_main.sassから_bootstrap-custom.sassをインポートし、mixins.sassファイルからbootstrap-custom-variables.sassをインポートすることでした。

関連する問題