Bootstrap2 [부트스트랩] 모든 컴포넌트에서 전역적으로 스타일 사용을 위해 webpack에 sass loader 옵션 추가하기 webpack.config.js파일에서 아래의 sass-loader 코드를 추가해준다 module.exports = { // ...생략 // 모듈 처리 방식을 설정 module: { rules: [ { use: [ { loader: 'sass-loader', options: { additionalData: '@import "~/scss/main";' } } ] } ] } // 생략... }; 2022. 8. 11. [Bootstrap] Bootstrap을 패키지로 설치할때 사용법 정리 패키지 설치 yarn add bootstrap으로 부트스트랩 설치 node modules에 bootstrap 모듈이 설치된다 스타일 적용 CSS, Sass 둘 중 하나 선택 CSS 파일을 사용할경우: import 'bootstrap/dist/css/bootstrap.min.css';코드로 부트스트랩 스타일 내 프로젝트에 적용하기 Sass 파일을 사용할경우: @import '~bootstrap/scss/bootstrap';코드로 부트스트랩 스타일 내 프로젝트에 적용하기 JS 적용 yarn add @popperjs/core 로 popperjs 라는 패키지 설치 JS 파일에: import * as Popper from '@popperjs/core';와 import { 사용할 컴포넌트 이름 } from '../.. 2022. 5. 10. 이전 1 다음
