Tech News

제목구글과 MS가 협력하여 CSS Module Scripts 개발2021-08-30 09:37
작성자 Level 10

https://blogs.windows.com/msedgedev/2021/08/17/css-module-scripts-import-stylesheets-like-javascript-modules/ 

- Edge 와 크롬 93 버전부터 CSS Module Scripts 지원

- JS 처럼 Import 문을 이용해서 CSS 스타일시트 로딩 가능

ㅤ→ import sheet from './styles.css' assert { type: 'css' };

- 재사용하기 쉬운 "Constructable Stylesheets"로 임포트 되어 Document 나 Shadow Roots 에 적용 가능

ㅤ→ document.adoptedStyleSheets = [sheet];

ㅤ→ shadowRoot.adoptedStyleSheets = [sheet];

- <style> <link> 엘리먼트 보다 편하고 더 빠름

댓글
자동등록방지
(자동등록방지 숫자를 입력해 주세요)