使用Electron让React+webpack打包的问题

Question

原有的React项目可以正常使用Webpack和webpack-dev-server打包并使用。引入Electron后，先用Webpack打包并用dev-server运行在8080下,然后在总目录下加入一个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 后窗口无内容显示，console显示:
Failed to load resource: net::ERR_FILE_NOT_FOUND
请问使用Electron打包webpack加React的项目，还需要修改什么吗？初学者，请多多指教。

Answer 1

调试模式下loadurl 是 localhost:8080
你打包了后运行electron读取的应该是打包后的index.html，这两种开发状态要分开

Answer 2

emmm，算是解决了，webpack-dev-server创建的打包文件并不在项目文件夹下，所以在调试时应该loadURL(`http://localhost:8080/xxxxxx`)而在production时则应该webpack打包后，用file://方式来引入html文件。
我也顺便写了一个文档来告诉后来人，简单的Electron+React+webpack配置。
http://www.jianshu.com/p/c102...