프로젝트를 github.io에 배포하려고 할 때와 scss사용시 경로 설정

Question

안녕하세요 선생님! 정말 귀한 강의 잘 보고 있습니다! 질문1. 혹시 추후 three.js 프로젝트 진행 후 npm run build를 할 때 package.json에 "homepage": "https://깃허브경로.github.io/프로젝트dist폴더", 이렇게 홈페이지 경로 지정 하지 않아도 되는 걸까요? 선생님 강의 들은 후 개인 프로젝트를 깃허브 블로그에 업로드 해서 개인 포트폴리오 사이트로 공개하려고 하는데 이전에 다른 프로젝트 진행할 땐 위와같이 홈페이지 경로를 설정 후 퍼블릭 경로 설정 해준 뒤에 배포 했었거든요! 질문2. 만약 scss를 사용하고자 한다면 어떻게 설정해야할까요? 이전에는 node에서 scss설치 후 사용하였고 컴파일된 css를 html에 연결해서 사용했는데 웹팩도 동일하게 사용하면 될까요? 예를 들자면, 저의 경우 style.scss가 있고 style.scss 안에 _button.scss를 import 했습니다. 그 후 style.scss가 컴파일 된 style.css를 html에 링크해주었는데 이렇게 사용해도 무방한지. 아니면 webpack의 경우 자동으로 컴파일링 해주는지 궁금하고 만약 css파일을 사용하지 않고 scss 파일만 사용해도 된다면 어떻게 경로를 설정해주어야 할까요 ㅠㅠ? 바쁘실텐데 죄송합니다! 귀한 강의 정말 감사드리며 항상 행복하세요!

1분코딩 · Answer

webpack 설정은 워낙 환경마다 달라져서, 딱 이렇게 하면 됩니다-라고 말하기가 좀 어려운 것 같아요^^; 일단 프로젝트에 맞춰 해보시고, 문제가 있으면 그때 그때 대응해서 수정하는게 최선이라고 생각됩니다. scss의 경우는 sass-loader를 이용해서 webpack에 설정해서 같이 사용할 수 있는데요, 아래와 같은 링크들을 참고하시면 될 것 같아요. https://poiemaweb.com/sass-webpack 이도저도 다 귀찮다면 심플하게 scss는 따로 컴파일을 해서 최종 css를 뽑아내서 그냥 css 자체로 사용하시는 것도 물론 가능하고요~ㅎㅎ