Я обновляю свой угловой проект с v6 до v7.
Во время этого нам также необходимо обновить @angular-devkit/build-angular
с версии 0.6.1 до 0.11.0.
До сих пор у нас не было проблем в режиме сборки prod
.Однако это создает проблему при выполнении ng serve
, поскольку размер main.js
нашего приложения увеличивается с 9MB
до 31MB
.Из-за этого мы можем ясно видеть отставание производительности при разработке.
После анализа и анализа пакета с помощью webpack-bundle-analyzer , я обнаружил, что на самом деле размеркаждый SCSS
рос с ~330kb
до ~1.31MB
, и это происходит только тогда, когда мы обновляем @angular-devkit/build-angular
.
Когда я делаю ng serve --sourceMap=false
, размер уменьшается, но мы не можем отлаживать наш машинописный код из нашего браузера.
Итак, могу ли я включить sourceMap=false
только для SCSS
?
Это может быть x-y problem
.Любые указания были бы хорошими.
Перешли по этой ссылке Webpack 4 Sourcemap SCSS из скомпилированного css , но это просто около webpack .Как я могу настроить это для Angular проекта?