如何用离子和无聊检查样式

Question

在ionic 1中，当您运行“ ionic serve”时，它将在浏览器中启动，当您右键单击并检查一个元素时，它将告诉您样式表的名称以及该样式表中带有样式的确切行号影响元素。然后，您可以找到它并以一种非常简单的方式对其进行编辑。

现在在Ionic 4中，当您运行“离子服务”时，它将像以前一样在浏览器中启动该应用程序。但是，当您检查元素时，它会为您提供已编译的运行时css文件中的行号（类似于20732行），而不是您从中编辑样式的实际app.scss文件中的行号。

我了解为什么这样做的逻辑，但是有没有办法让浏览器告诉我app.scss文件中的行号？我是否需要设置新的测试环境或运行除“离子服务”以外的其他命令？

app.scss文件突出显示行号

检查器显示“离子发球”命令后的行号