Как отключить исходную карту только для файлов SCSS для режима разработки

Я модернизирую свой угловой проект от v6 до v7.

Во время этого нам также нужно обновить @angular-devkit/build-angular с версии 0.6.1 до 0.11.0.

До сих пор у нас нет проблем в prod режим сборки. Тем не менее, это создает проблемы при выполнении ng serve как размер main.js нашего приложения вырастает из 9MB в 31MB, Благодаря этому мы можем четко видеть отставание производительности при разработке.

После анализа и анализа пакета с помощью https://www.npmjs.com/package/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, но это чисто веб-пакет. Как я могу настроить это для Angular проекта?

0 ответов

Другие вопросы по тегам