javascript - webpack은 CSS 파일을 링크 형식이나 스타일 형식으로 패키징합니까?

Question

필수 스타일에 대해서는 링크 태그나 <style> 형태로 소개되어 있습니다. Webpack은 스타일에서 CSS 스타일을 추출하기 위해 extract-text-webpack-plugin을 제공합니다.

다음과 같이 구현된 경우:

으아아아

이러한 방식으로 .LK.css로 끝나는 필수 CSS 스타일이 링크 형태로 페이지에 삽입되면 이 솔루션은 기본적으로 기능을 실현할 수 있습니다. 웹팩에 대한 연구는 그다지 깊이가 없기 때문에 이러한 솔루션이 실제 개발에 적용될 수 있는지 알고 싶습니다.

Answer 1

네, 특히 React/Vue 기술 스택에서는 꼭 필요한 최적화 방법으로 도입될 수 있습니다.

CSS를 정적 파일로 추출한 후 JS-in-CSS 솔루션에 비해 구문 분석 시간을 약 절반 정도 절약할 수 있습니다. 이 플러그인은 Hash 접미사 및 기타 기능도 지원하며 해당 기능은 프로덕션 환경에서 사용하기에 충분합니다.