🖥️프론트엔드/Electron.js

Electron - Preload에서 npm 모듈 사용하기

Janger 2022. 10. 31. 16:34
728x90

random이라는 모듈을 사용하고 싶을 경우

 

main.js
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      preload: path.join(__dirname, 'preload.js')
    }
  })

webPreferences 객체에 nodeIntegration: true를 추가한다. 

 

preload.js
const random = require('random')

window.addEventListener('DOMContentLoaded', () => {

    document.querySelector("#btn").addEventListener("click", ()=>{
        alert( random.int((min = 0), (max = 100)) ) // 버튼 클릭시 0~100 랜덤 출력
    })    

})
728x90