Gitgraph.jsをwebpackで読み込む

Gitgraph.jsをwebpackを介して使おうとするにもうまく行かなかったのでメモ。なおこれはGitgraphに限る問題ではなく、UMDと言った手法を実装していないモジュール全般に起こりえる問題です。

雑な環境

• webpack 2.3.0
• Node.js 7.7.0
• Gitgrpah.js 1.9.0

対処

• imports-loaderを利用して、Gitgraph.jsがwindowにしかexportしていない部分を書き換える。

import { GitGraph } from "imports-loader?window=>exports!gitgraph.js";

windowがexportsに書き換わり、exports.GitGraph = GitGraphをしたことになるので、{ GitGraph }で取り出すことができます。

npmにあるのにexportsがされていないのが謎ですが、あれこれ言う前にIssueたてたりPull request送ったほうが良さそう。