Ionic framework 在开发工具上使用Ionic时无法查看scss文件

我正在试用一些来自Ionic网站（）的非常基本的Ionic教程，我希望能够从开发工具中查看和修改SCS

应用程序功能正常，我在scss文件中添加的css类也正常工作，但我看到的是main.css文件，而不是编译它的foo.css文件。我甚至可以在dev工具和debug上查看typescript文件，这意味着js->ts的源代码映射正在运行。是css->SCS不起作用了

我可以在www/build上看到这些文件

• main.js
• main.map.js
• main.css
• main.map.css

这意味着源映射已正确生成。 我还启用了chrome中的css源代码映射

---

-DevTools->Settings->Sources->Enable CSS source maps

我会将其标记为重复，但似乎我不能。答案可以在这篇文章中找到。基本上

您需要扩展sass.config.js文件，默认情况下，sass的源映射已禁用

config/sass.config.js：

module.exports = {
  sourceMap: true,
}

package.json：

"config": {
  "ionic_sass": "./config/sass.config.js",
}

我可以验证这是否有效