# 구글과 MS가 협력하여 CSS Module Scripts 개발

> Clean Markdown view of GeekNews topic #4890. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=4890](https://news.hada.io/topic?id=4890)
- GeekNews Markdown: [https://news.hada.io/topic/4890.md](https://news.hada.io/topic/4890.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-08-26T11:46:20+09:00
- Updated: 2021-08-26T11:46:20+09:00
- Original source: [blogs.windows.com](https://blogs.windows.com/msedgedev/2021/08/17/css-module-scripts-import-stylesheets-like-javascript-modules/)
- Points: 7
- Comments: 0

## Topic Body

- 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> 엘리먼트 보다 편하고 더 빠름

## Comments



_No public comments on this page._