CSS를 사용해 HTML을 스타일링 하는 방법
사내 스터디를 위한 CSS 기초 지식을 정리 해본다. 그저 당연하게 사용하는것들에 대해 다시 곱씹어보는 계기가 되는것 같다 👏
Webpack으로 이미지 번들링 하기
이미지를 번들링하는데 필요한 로더 패키지를 설치한다
Webpack으로 Fontawesome 번들링 하기
npm으로 인스톨할 수 있긴 하지만 폰트 경로 설정 등의 이슈로 실패해 웹페이지에서 다운로드 받아 설정하는 방식으로 진행한다.
Webpack으로 CSS와 Scss 파일 번들링 하기
일반적으로 html파일에서 CSS 파일은 <head> 섹션에 링크를 걸고, javascript는 <body> 섹션에 그 소스 링크를 걸어둔다. 그런데 webpack에서는 이 CSS와 javascript를 하나의 번들로 통합할 수 있다.
Webpack Loader Babel 설치 및 설정
webpack document - Loaders