Electron DevTools Installer

Chrome 확장 개발용 툴을 Electron에서 사용하려면

https://www.npmjs.com/package/electron-devtools-installer
설치하고

main.js에서 ready 상태일 때 (createWindow에서 ready-to-show 하기 전에) 다음을 호출하면 된다.

  // Electron DevTools Installer
  const { default: installExtension, REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS } = require('electron-devtools-installer');  installExtension(REACT_DEVELOPER_TOOLS).then((name) => {
    console.log(`Added Extension:  ${name}`); 
  })
  .catch((err) => { 
    console.log('An error occurred: ', err); 
  });  installExtension(REDUX_DEVTOOLS).then((name) => {
    console.log(`Added Extension:  ${name}`); 
  })
  .catch((err) => { 
    console.log('An error occurred: ', err); 
  });

그리고 나서

redux_devtools 의 경우 index.js에서

import { createStore, compose } from 'redux';
import { Provider  } from 'react-redux';
 
import reducers from './reducers';
 
const enhancers = compose(
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);const store = createStore(
    reducers, 
    enhancers
);