Electron.js 有名的就是可以打造跨平台桌面應用程式(俗稱的桌面APP)。著名的Visual Studio Code, Slack等… 都是用 Electron 做的。 對於專精JS的人, 不用再學 .NET Core 也同樣能做出嚇嚇叫的桌面APP。熟悉的前端框架(ex: Vue.js , Angular, React..)或甚至單純的靜態html都能在桌面APP裡呈現。 桌面APP看似同樣渲染前端頁面與使用者互動。與瀏覽器的互動設計其實有一個蠻大的差別 : 就是桌面APP沒有"回到上一頁"這件事情! (關於這個issue 我們之後來繼續討論吧) 那要怎麼讓Webpack 可以串聯React 與 Electron 呢? 只要把Webpack 的入口接上 Electron，把Electron當成容器來裝內容物即可! 首先我們先在src內建立 main.tsx(.js/.ts) for Electron入口, render.tsx(.js/.ts) for React入口。
