본문 바로가기 메뉴 바로가기

Yuniverse

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Yuniverse

검색하기 폼
  • 분류 전체보기 (164)
    • 꼬리에 꼬리를 무는 공부 (4)
      • Front-end (4)
      • Back-end (0)
      • CS (0)
    • 우리FISA (26)
    • JS-algorithm (62)
      • 프로그래머스 (38)
      • BOJ (14)
      • JS 100제 (10)
    • HTML & CSS (5)
      • Tailwind CSS (0)
    • JS (12)
      • Javascript (8)
      • Node.js (4)
    • React (8)
    • TypeScript (7)
    • Java (4)
    • 유데미 프로젝트 캠프 (20)
      • 학습일지 (13)
      • 과제 (7)
    • Bundler (9)
      • Parcel (4)
      • Webpack (5)
    • Cloud (3)
      • Firebase (3)
    • 배포 (1)
    • Git (3)
  • 방명록

webpack.config.js (1)
webpack에서 CSS (SCSS) 연결하는 방법 ➰

1️⃣첫 번째 방법. static 안에 css 넣기 1. html 파일에 다음과 같은 link태그로 css를 연결 2. static 폴더에 css 폴더를 만들고 그 안에 style.css 파일 넣기 이렇게 하면 dist 파일에 css 폴더가 들어가게 된다. 3. 터미널에 npm run dev 입력 개발 서버가 열리고 내용을 확인하면 css가 잘 적용된 것을 확인할 수 있다. 2️⃣두 번째 방법. js 에서 css 가져오기 다시 루트 경로에 css 폴더를 꺼내놓자. 1. main.js에서 import로 css 가져오기 import '../css/style.css'webpack의 진입점을 js파일로 해놓았기 때문에 webpack은 main.js부터 읽어나가면 main.js에 연결된 css 파일..

Bundler/Webpack 2022. 12. 1. 11:09
이전 1 다음
이전 다음

Blog is powered by Tistory / Designed by Tistory

티스토리툴바