본문으로 건너뛰기

번들러에서 브라우저 모듈 사용

iosignal 5.2.x는 Node.js와 브라우저 진입점을 별도로 제공합니다. 패키지 exports에서 브라우저 ESM은 iosignal/browser/esm/io.js 또는 iosignal/io.js로 가져올 수 있습니다.

npm install iosignal@^5.2.0
import IO from 'iosignal/browser/esm/io.js';

const io = new IO('ws://localhost:7777');
io.listen('room#chat', (tag, message) => console.log(tag, message));
io.on('ready', () => io.signal('room#chat', '안녕하세요'));

브라우저 모듈은 default export입니다. import { IO } from 'iosignal'은 Node.js용 진입점을 사용하므로 브라우저 번들에서 사용하지 마세요. 실행 구조는 Vanilla, React, Svelte 예제를 참고하세요.

컴포넌트가 종료될 때 io.destroy()로 소켓과 이벤트를 정리합니다. 메서드와 이벤트는 클라이언트 API에 모았습니다.