私はdevツールのIonicで作業中にscssファイルを見ることができません

Question

私はIonicのウェブサイト（Ionic Tutorial）から非常に基本的なIonicチュートリアルを試していますが、私はdevツールからscssを見たり変更することができます。

アプリが正常に機能し、私がscssファイルに追加したCSSクラスも正常に動作しますが、コンパイルされたfoo.cssではなくmain.cssファイルが表示されます。私はdev tools上でtypescriptファイルを見ることもできますし、デバッグすることもできます。つまり、js-> tsのソースマップはです。それはで、動作していないCSS-> scssですです。

私は

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

を構築/ WWW上のこれらのファイルを見ることができますつまり、ソースマップが正しく生成されます。 クロムのCSSソースマップを - DevTools - >設定 - >ソース - > CSSソースマップを有効にしました

Answer 1

私はこれを重複としてマークしますが、そうではないようです。回答はこの投稿にあります。enter link description here。基本的に

sass.config.jsファイルを拡張する必要があります。デフォルトでは、sassのソースマッピングは無効になっています。

のconfig/sass.config.js：

module.exports = { 
    sourceMap: true, 
} 

package.json：

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

私はこれが機能するかどうかを確認することができます。