webpackでelectronを使う時にはまったこと

この前から構築してたgulp環境上でelectronアプリ作ろうと思って、とりあえず公式のクイックスタートでもやってみるかって思ってやったらどん詰まりした。

起動すると

TypeError: Cannot read property 'on' of undefined
    at Object.<anonymous> (/Users/…/dist/js/client-bundle.js:75:5)
    at Object.<anonymous> (/Users/…/dist/js/client-bundle.js:88:31)
    at __webpack_require__ (/Users/…/dist/js/client-bundle.js:20:30)
    at /Users/…/dist/js/client-bundle.js:40:18
    at Object.<anonymous> (/Users/…/dist/js/client-bundle.js:43:10)
    at Module._compile (module.js:556:32)
    at Object.Module._extensions..js (module.js:565:10)
    at Module.load (module.js:473:32)
    at tryModuleLoad (module.js:432:12)
    at Function.Module._load (module.js:424:3)

とかいう感じで怒られた。

importやrequire等、読み込み方をかえてみたりしたけど全然読み込めない。

解決

調べてみたらwebpackにはelectronをtargetとするコンパイルにするってオプションが存在しててそれを書いたら行けた。

export default {
  output: {
    filename: 'client-bundle.js',
  },
// 省略
  target: 'electron', //　←これ
};