gatsby-plugin-linaria

Creator

Creator

Created

Created

2020 Sep 6 13:38

Editor

Editor

Edited

Edited

2021 Apr 12 15:41

Refs

Refs

Linaria를 통합하기 위한 GatsbyJS 플러그인

주로 하는 일들은 이렇습니다.

함께 사용해야 하는 Babel/Webpack 플러그인을 설정합니다.

SSR 시에 필요한 처리들을 추가합니다.

gatsby-plugin-linaria에서는 SSR 처리에서 Critical CSS Extraction이라고 하는 최적화 기법을 적

CSS in JS 라이브러리들은 React 런타임에 의해 컴포넌트 트리가 렌더링 될 때 정확히 필요한 CSSOM 객체를 생성하기 때문에 동작이 매우 효율적

Hyeseong's Blog - Jamstack에서 스타일시트를 최적화하는 법

기여하던 gatsby-plugin-linaria 프로젝트의 소유권을 최근에 이전 받았습니다. 원 저자인 Matija Marohnić 가 더 이상 플러그인을 사용하지 않고 다른 기술 스택을 사용하고 있으며, 제가 중간에 대부분의 코드를 새로 작성하면서 이해도 차이가 생기게 되었는데 Matija 가 이 부분을 언급하면서 제게 소유권을 넘겼습니다.

https://blog.cometkim.kr/posts/css-optimization-in-jamstack/

Hyeseong's Blog - Jamstack에서 스타일시트를 최적화하는 법

Critical CSS Extraction

Recommendations

//////////