[컴][js] 특정 .css 가 import 되었는지 확인하는 방법

특정 클래스의 존재 여부 아는 방법 /

특정 class 가 존재하는지 확인하는 방법

대체로 document.styleSheets 에서 CSSRulesList 를 얻고, 그것의 selectorText 를 확인하는 방법을 사용한다. 

• DocumentOrShadowRoot.styleSheets - Web APIs | MDN
• How can you determine if a css class exists with Javascript?, stackoverflow
• react-vis/react-utils.js at master · uber/react-vis · GitHub : react-vis 에서 사용하는 방법을 확인할 수 있다.

.css 가 import 되었는지 확인시에 사용

요즘은 대체로 webpack 등을 사용해서 js 안에 삽입할 수 있지만, 외부 css 를 사용해야 하는 경우도 생긴다. 이 경우에 특정 class 가 import 되었는지를 확인하고 waring 을 보여주는 것으로 css 를 import 하는 것을 인지할 수 있다.