일단해보는거지

  • 홈
  • 태그
  • 방명록

css-loader 1

어떻게 CSS file을 JS file 안에 불러올 수 있을까?

main.js import '../styles/global.css'; js에서 특정 엘리먼트 또는 전역적인 스타일이 필요할 때 위와 같이 js파일 안에 css파일을 직접 로드하여 사용해본 적이 있을겁니다. 최근의 프론트엔드에서는 React, Vue 등 라이브러리나 프레임워크를 주로 사용해서 프로젝트를 진행하게 되는데요. 보통은 Create React App, Vue cli 등의 CLI 도구를 통해서 보일러 플레이트를 내려받아 추가적인 구현을 하게 되기 때문에 위 처럼 css파일이 로드되는 것이 자연스럽게 느껴질 수 도 있겠습니다. 그러나 원래 되는 것은 없습니다. 보일러 플레이트 안에 포함된 Webpack, Vite, Parcel 등의 모듈 번들러가 그 역할을 대신해주고 있을 뿐입니다. css-loade..

JS, TS 2023.12.17
이전
1
다음
더보기
프로필사진

웹, 앱 프론트엔드 영역에서 트러블 슈팅을 통해 배웁니다.

  • 분류 전체보기 (18)
    • JS, TS (13)
    • Python (1)
    • Projects (3)
    • SQL (1)

Tag

CSS, testing, HMR, Docker, typescript, frontend, vitest, websocket, UI, library, jest, VITE, javascript, react, nginx, npm, 리액트, 타입스크립트, storybook, ROLLUP,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바