鍍金池/ 問(wèn)答/HTML/ 使用Electron讓React+webpack打包的問(wèn)題

使用Electron讓React+webpack打包的問(wèn)題

原有的React項(xiàng)目可以正常使用Webpack和webpack-dev-server打包并使用。引入Electron后，先用Webpack打包并用dev-server運(yùn)行在8080下,然后在總目錄下加入一個(gè)index.js

const electron = require('electron');
const {app,BrowserWindow} = electron;
let mainWindow = electron;
app.on('ready',()=>{
  mainWindow = new BrowserWindow({});
  mainWindow.loadURL(`file://${__dirname}/public/index.html`);
})

可是之后run electron 后窗口無(wú)內(nèi)容顯示，console顯示:
Failed to load resource: net::ERR_FILE_NOT_FOUND
請(qǐng)問(wèn)使用Electron打包webpack加React的項(xiàng)目，還需要修改什么嗎？初學(xué)者，請(qǐng)多多指教。

回答
編輯回答
朕略傻

emmm，算是解決了，webpack-dev-server創(chuàng)建的打包文件并不在項(xiàng)目文件夾下，所以在調(diào)試時(shí)應(yīng)該loadURL(`http://localhost:8080/xxxxxx`)而在production時(shí)則應(yīng)該webpack打包后，用file://方式來(lái)引入html文件。
我也順便寫了一個(gè)文檔來(lái)告訴后來(lái)人，簡(jiǎn)單的Electron+React+webpack配置。
http://www.jianshu.com/p/c102...

2018年2月6日 07:46
編輯回答
夢(mèng)一場(chǎng)

調(diào)試模式下loadurl 是 localhost:8080
你打包了后運(yùn)行electron讀取的應(yīng)該是打包后的index.html，這兩種開發(fā)狀態(tài)要分開

2018年8月14日 01:42