webpack 으로 퍼블리셔와 개발할 때

환경

- webpack

- bootstrap : scss 

media-breakpoint-** 에러 발생시, 제일 상위 scss 에 아래 코드을 import 해주시면 됩니다.

( 아래 파일이 없다고 오류 발생시, node_modules 아래에 bootstrap 폴더 구조를 확인하세요 )

@import "~bootstrap/scss/_functions.scss";
@import "~bootstrap/scss/_variables.scss";
@import "~bootstrap/scss/mixins/_breakpoints.scss";

사용하는 코드 예

  @include media-breakpoint-up(lg) {        
    ~
    ~
     h1 {
      font-size: 3rem;
    }
  }
 
 
 
  @include media-breakpoint-up(xl) {
    h1 {
      font-size: 3.2rem;
    }
  }