如何在开发模式下仅对SCSS文件禁用源映射

Question

我正在将我的angular项目从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} }，只有在我们升级~1.31MB时才会发生。

但是，当我@angular-devkit/build-angular减小尺寸时，就无法从浏览器调试打字稿代码。

所以，我只能为ng serve --sourceMap=false转动sourceMap=false吗？

这可能是SCSS。任何方向都很好。

已通过此链接 Webpack 4 Sourcemap SCSS from compiled css， 但纯粹是关于webpack。 如何为Angular项目配置呢？