필수 스타일에 대해서는 링크 태그나 <style> 형태로 소개되어 있습니다. Webpack은 스타일에서 CSS 스타일을 추출하기 위해 extract-text-webpack-plugin을 제공합니다.
다음과 같이 구현된 경우:
으아아아
이러한 방식으로 .LK.css로 끝나는 필수 CSS 스타일이 링크 형태로 페이지에 삽입되면 이 솔루션은 기본적으로 기능을 실현할 수 있습니다. 웹팩에 대한 연구는 그다지 깊이가 없기 때문에 이러한 솔루션이 실제 개발에 적용될 수 있는지 알고 싶습니다.
phpcn_u15822017-07-05 10:53:24
네, 특히 React/Vue 기술 스택에서는 꼭 필요한 최적화 방법으로 도입될 수 있습니다.
CSS를 정적 파일로 추출한 후 JS-in-CSS 솔루션에 비해 구문 분석 시간을 약 절반 정도 절약할 수 있습니다. 이 플러그인은 Hash 접미사 및 기타 기능도 지원하며 해당 기능은 프로덕션 환경에서 사용하기에 충분합니다.
