在開發工具上使用Ionic時無法查看scss文件

Question

我正在嘗試一些來自Ionic網站的非常基本的離子教程（Ionic Tutorial），我希望能夠從開發工具中查看和修改scss。

應用程序的功能正常，我在scss文件中添加的css類也能正常工作，但是我看到的是main.css文件，而不是從它編譯的foo.css。我甚至可以在開發工具和調試中查看打印腳本文件，這意味着js-> ts的源映射正在工作。它的css-> scss不起作用。

我可以看到WWW這些文件/構建

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

這意味着源圖可以正確生成。 我也啓用了鉻從 - DevTools - >設置 - >來源 - >啓用CSS源地圖的css源地圖

Answer 1

我將這標記爲重複，但它似乎我不能。回答可以在SO帖子enter link description here找到。基本上，

您需要擴展您的sass.config.js文件，默認情況下sass的源映射處於禁用狀態。

配置/ sass.config.js：

module.exports = { 
    sourceMap: true, 
} 

的package.json：

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

我可以驗證這工作。