угловой размер сборки с сассом огромен

Итак, я работаю над большим приложением, и все компоненты имеют собственный стиль sass файла (мы используем ViewEncapsulation.Native), но я создаю npm run build --stats-json --prod --aot и проверяю статистику с помощью https://chrisbateman.github.io/webpack-visualizer/ Я получаю это

enter image description here

Все эти большие оранжевые блоки справа - файлы sass.shim.ngstyle.ts, и каждый из них похож на 195k!

Ответ 1

поэтому после некоторого исследования проблема заключалась в том, что каждый компонент импортировал _mixins.sass, но mixins также импортировал файл bootstrap-custom.sass, который был довольно большим по размеру.

решение заключалось в том, чтобы импортировать _bootstrap-custom.sass из _main.sass и импортировать bootstrap-custom-variables.sass из файла mixins.sass, потому что для некоторых пользовательских миксинов нужны эти переменные.