mermaid-compact은(는) 무엇을 하나요?
mermaid.js를 단일 자체 포함 ESM 파일로 번들링하여 런타임 종속성과 지연 청크를 제거하고 더 빠른 배포를 지원합니다.
개요
mermaid-compact는 mermaid.js의 모든 기능을 하나의 ESM 모듈로 압축합니다. 외부 의존성이 없으므로 CDN이나 정적 호스팅에서 바로 사용할 수 있습니다.
주요 기능
- 단일 파일: 모든 mermaid.js 기능이 하나의
.js파일로 제공됩니다. - ESM 형식: 최신 브라우저 및 번들러와 호환됩니다.
- 종속성 없음: 런타임에 추가 라이브러리를 로드할 필요가 없습니다.
- 지연 청크 없음: 모든 코드가 즉시 로드되므로 추가 네트워크 요청이 없습니다.
사용 방법
import mermaid from './mermaid-compact.js';
mermaid.initialize({ startOnLoad: true });
설치
다음 명령어로 패키지를 설치합니다:
npm install @sanderschinchy506/mermaid-compact
또는 CDN에서 직접 사용:
<script type="module">
import mermaid from 'https://cdn.example.com/mermaid-compact.js';
mermaid.initialize({ startOnLoad: true });
</script>
지원 환경
- 모든 최신 브라우저 (Chrome, Firefox, Safari, Edge)
- Node.js 16+
- Vite, Webpack, Rollup 등 ESM 지원 번들러
라이선스
MIT