Итак, я работаю над большим приложением, и все компоненты имеют собственный стиль sass файла (мы используем ViewEncapsulation.Native), но я создаю npm run build --stats-json --prod --aot и проверяю статистику с помощью https://chrisbateman.github.io/webpack-visualizer/ Я получаю это
Все эти большие оранжевые блоки справа - файлы sass.shim.ngstyle.ts, и каждый из них похож на 195k!
поэтому после некоторого исследования проблема заключалась в том, что каждый компонент импортировал _mixins.sass, но mixins также импортировал файл bootstrap-custom.sass, который был довольно большим по размеру.
решение заключалось в том, чтобы импортировать _bootstrap-custom.sass из _main.sass и импортировать bootstrap-custom-variables.sass из файла mixins.sass, потому что для некоторых пользовательских миксинов нужны эти переменные.