bootstrap npm으로 import설정하기 (이후 import시 via java로 초기화,성능최적화 해야함)
scss :
@import "/node_modules/bootstrap/scss/bootstrap.scss"
js:
import bootstrap from './node_modules/bootstrap/dist/js/bootstrap.bundle'
bootstrap 정해진 요소들 커스텀마이징 하기
bootstrap등 성능최적화 옵티마이징하기
bootstrap처럼 모든 요소가 들어가있는것을 import하면 무거워지므로 dropdown같은 사용할요소만 지정하여 import한다. 하지만 bootstrap은 popper을 외부에서 가져와 사용하므로 bootstrap을 통째로 import하면 문제가 없지만 사용할 요소만 import하면 popper가 설치되지 않아 오류가 발생하니 popperjs를 일반의존성@으로 설치한다.
bootstrap의 각 요소들은 js/dist안에있다.
npm i @popperjs/core
'Git과 npm' 카테고리의 다른 글
| dist지속관리, postcss와autoprefixer, node와esm의 import/export (0) | 2021.08.09 |
|---|---|
| 2021-07-26 Part(3)_Ch(1) nvm과 npm으로 node.js 설치 및 패키지 (0) | 2021.07.26 |
| 2021-07-26 Part(2)_Ch(2) README.md 마크다운 (0) | 2021.07.26 |
| 2021-07-24 Part(2)_(10-13) vscode-git 명령어, github명령어 (0) | 2021.07.24 |
| 2021-07-23 Part(2)_(1-9) branch 간 병합 (0) | 2021.07.23 |