ElectronでDevTools拡張を使う（React, Redux）

2424 ワード
DevTools Electron React redux DevTools テキストリンク

Electronの開発時に拡張使いたいですよね。
electron-devetools-installerを使う方法を紹介します。
複数拡張を入れるときどうするんだとちょい迷ったので。

インストール

npm install electron-devtools-installer --save-dev

起動時に拡張をインストール

メインプロセスのファイルでこれらを追加するだけ！おわり！

import installExtension, {
  REACT_DEVELOPER_TOOLS,
  REDUX_DEVTOOLS
} from "electron-devtools-installer";
...
function createWindow() {
...
    installExtension([REDUX_DEVTOOLS, REACT_DEVELOPER_TOOLS])
      .then(name => console.log(name))
      .catch(err => console.log(err));
}

参考

DevTools拡張/本家ドキュメント