steem.js 최신버전 webpack 으로 build 하기, 웹소켓 서버 end point 설정하기

Steem.js GitHub에 보면 꾸준히 커밋이 이뤄지는데
https://github.com/steemit/steem-js

CDN 에 있는 것은 올드 버전인 경우가 많습니다. 이 글을 쓰는 지금도 그렇구요.
https://cdn.steemjs.com/lib/latest/steem.min.js

GitHub 에서 steem.js 최신버전 build 하기

1. 환경
   Node.js 가 깔려있어야 합니다. Git 도 있어야 합니다. (steem.js 는 Front-end JavaScript 지만 build 하려면 Node.js 환경에서 webpack 으로 해야 합니다.)

2. 소스코드 클론
   git clone https://github.com/steemit/steem-js.git
   이렇게 하면 현재 디렉토리 안에 steem-js 라는 디렉토리가 생기고 그 안에 코드가 들어갑니다.
   cd steem-js
   steem-js 디렉토리 안으로 들어갑니다.

3. 노드 패키지 설치
   npm install
   package.json 파일에 정의된 라이브러리 모쥴들을 설치하는 Node.js 명령어 입니다.
   webpack 이 이 때 devDependencies 로 설치되고, package.json 에 있는 scripts 내에서 npm run build 가 실행되면서 dist 디렉토리 안에 steem.min.js 가 생기면 이걸 가져다 쓰면 됩니다.
   <script src="./steem.min.js"></script>

4. 웹팩 으로 빌드
   만약 npm install 에서 dist/steem.min.js 가 빌드되지 않았다면 웹팩으로 빌드해줍니다.
   웹팩에 대한 설명은 여기 있습니다. https://github.com/webpack/webpack
   굳이 가서 읽어볼 필요 까지는 없고 여기서는 그냥 간단한 명령어만 알면 됩니다.
   npm install --save-dev webpack (웹팩 설치)
   npm run build (steem.min.js 빌드)

steem.js 웹소켓 end point 변경하기

<script src="./steem.min.js"></script>
<script>
steem.config.set('websocket', 'wss://api.steemit.com');
</script>

steem.min.js 라이브러리 소스코드 변경 없이 로드 된 후에 위와같이 config 설정 해주면 됩니다.