dev 도구의 Ionic 작업시 scss 파일을 볼 수 없습니다.

Question

Ionic 웹 사이트 (Ionic Tutorial)에서 아주 기본적인 Ionic 튜토리얼을 시험해보고 있습니다. dev 도구에서 scss를보고 수정할 수 있기를 바랍니다.

앱이 올바르게 작동하지만 scss 파일에 추가 한 CSS 클래스도 올바르게 작동하지만 컴파일 된 foo.css 대신 main.css 파일이 표시됩니다. 나는 심지어 devc 도구 및 디버그에서 typescript 파일을 볼 수 있습니다. 이는 에 대한 소스 맵을 의미합니다. js-> ts는입니다. 이 작동하지 않는 CSS-> scss입니다..

나는

• main.js를 구축/www가에서 이러한 파일을 볼 수 있습니다
• main.map.js
• main.css가
• main.map.css

소스 맵이 올바르게 생성되었음을 의미합니다. 내가 또한 에서 크롬에서 CSS 소스 맵을 활성화 한 - DevTools로 -> 설정 -> 소스 -> 사용 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", 
} 

나는이 작동하는지 확인할 수 있습니다.