與webpack的電子建設者

Question

TL博士：

這是我得到的：

• 電子

• 應對

• 的WebPack

• 電子制造商

• 電子邊緣

• 節點纖維

• 一些靜態資產（.png，.svg等）

這就是我想要的：

• 該軟件的跨平台自動更新安裝程序

長版和問題：

當我在開發模式下啟動webpackserver時，我可以獲得Electron，React，Electron Edge，node-fiber，webpack和靜態資產。

但是，我如何將其整合到電子制造商中呢？

我是整個構建過程的新手，我剛剛開始使用這個樣板文件： 樣板文件的Github

對我來說，開發調試過程似乎是這樣的：

• 讓webpack從我的src文件夾中創建一個bundle.js和一個index.html

• 使用提供這些文件的熱模式啟動webpackserver

但是，我應該如何告訴電子制造商從哪里獲取不同的文件？ 在dist /中沒有package.json和node_modules /，並且node-fibers也沒有捆綁（因為webpack似乎與__dirname或smth混合，所以我將其排除在外）。

每當我啟動生成的.exe文件（這不是安裝程序，只是一個應該啟動該程序的exe文件）時，會出現一條消息，指出在app.asar文件中找不到main.js。 我嘗試提取它，但它在提取整個包之前失敗了。 但是，無論如何都不需要Main.js，因為這是讓webpack進行轉換的重點，還是我在這里遺漏了一些東西？

我現在已經在互聯網上搜索了幾個小時，但我沒有得到所有的概念..

這里的任何人都可以解釋我的設置有什么問題以及我可以做些什么來解決這個問題？

Answer 1

我建議你使用https://github.com/chentsulin/electron-react-boilerplate

如果您不想使用樣板用於反應應用，請考慮使用https://github.com/electron-userland/electron-webpack （但強烈建議使用樣板）。

Answer 2

我最終得到了這個樣板：

https://github.com/szwacz/electron-boilerplate

我無法讓HMR工作，不得不修復一些es6的東西，但至少它正在做它的工作。