Bootstrap - Optimize(최적화)

https://getbootstrap.com/docs/5.0/customize/optimize/

Optimize

---

• 예) Dropdown 컴포넌트 최적화
  1. bundle로 import 하던 것을 Dropdown만 import 하도록 변경
  2. Dropdown 초기화
     • https://getbootstrap.com/docs/5.0/components/dropdowns/#via-javascript
  3. bundle로 import를 하지 않기 때문에 popperjs 모듈 설치 필요
     • npm i @popperjs/core

// import bootstrap from 'bootstrap/dist/js/bootstrap.bundle';
import Dropdown from 'bootstrap/js/dist/dropdown';

const dropdownElementList = [].slice.call(
  document.querySelectorAll('.dropdown-toggle')
);
dropdownElementList.map(function (dropdownToggleEl) {
  return new Dropdown(dropdownToggleEl);
});