<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #abb0b5;"><span style="font-size: 15px; letter-spacing: -0.3px; white-space: pre-wrap;">main.css 라고 빌드가 되는걸 확인했습니다~ 궁금한점은<br />파일명은 어떻게 main 이라고 지정이 되는건가요??</span></span></div>

<p>안녕하세요 dla님, 좋은 질문이네요 :) extract 플러그인에 파일 이름을 지정하는 옵션이 있는데 아무것도 정의하지 않는 경우 main 이라는 이름으로 나오는 것 같습니다. 웹팩의 output 속성과 비슷하게 설정 가능하니 아래 링크 참고해 보세요 :)</p>
<p><a href="https://webpack.js.org/plugins/mini-css-extract-plugin/#filename">https://webpack.js.org/plugins/mini-css-extract-plugin/#filename</a></p>

인프런 커뮤니티 질문&답변

main.css