개발 Q&A

제목 @import경로에 관하여
카테고리 CSS
글쓴이 헛발이 작성시각 2022/10/12 17:24:17
댓글 : 3 추천 : 0 스크랩 : 0 조회수 : 4650   RSS

질문이 있습니다. 아무리 찾아봐도 잘 모르겠네요..

 

scss에 관한 것인데요. 예를 들어서 

@import "~bootstrap/scss/functions";

이라고 할대 

~ 는 어느 위치를 말 하는건가요?

 

사용자정의 scss와 bootstrap의 scss를 혼합해서 사용하려는데

bootstrap의 scss소스를 어느위치에 놓아야 하는지 경로가 맞지 않아 

Error: Can't find stylesheet to import.
  ╷
1 │ @import "~bootstrap/scss/functions";
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  src/scss/_config.scss 1:9  @import

 

계속 이런 에러가 나네요..

 다음글 result_array() 실행시 Call to a m... (6)
 이전글 mysqli SQL_NO_CACHE 오류는 어떻게 (4)

댓글

한대승(불의회상) / 2022/10/12 17:30:19 / 추천 0

오타 아닐까요?

~ 지우고 테스트해 보세요.

헛발이 / 2022/10/12 17:38:54 / 추천 0

~ 가 무슨 네임스페이스 라고 하던데... 정확한 사용법을 모르겟네요.

삭제하고 직접 위치를 

../../node_modules/bootstrap/scss/functions

이렇게 해주면 에러는 나지 않으나 나중에  sass의 변수를 사용못하게 되더라구요..

흠...

테러보이 / 2022/10/12 21:56:04 / 추천 0
~는 프로젝트 루트로 알고있습니다