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