Electron-forge 与 webpack devServer

Question

我使用 Electron-forge 创建了一个应用程序npx create-electron-app electron --template=webpack。

然后我做了npm install webpack-dev-server

在我的 webpack.renderer.config.js 中，我开始添加一个带有proxy和before部分的 devServer 部分，但是当我使用npm run start这些部分时，它们会被忽略。

npm run start 运行electron-forge start，这就是我认为问题所在，因为我无法直接访问 webpack 调用以获得webpack serve ...

让 webpack 开发服务器与 Electron 一起运行需要什么？

Answer 1

webpack-dev-server已被使用Electron-Forge，如Electron-forge Webpack 文档中所示

在开发中，我们启动 webpack-dev-server 实例来为渲染器进程提供动力，在产品中我们只构建静态文件。

对于渲染器：它会为您刷新。对于 main，如文档中所示，您必须在终端中输入“rs”才能“重新加载”应用程序。

对于主流程，只需在您启动 electro-forge 的控制台中输入 rs ，我们将使用新的主流程代码为您重新启动您的应用程序。

如果你想访问webpack日志服务器：http://localhost:9000/（9000是配置loggerPort中的默认值plugins-webpack）

// forge.config.js (or package.json)
 plugins: [
    ['@electron-forge/plugin-webpack',
      {
        // Renderer server port
        port: 3000,
        //  Webpack logger port
        loggerPort: 9000,
        mainConfig: './webpack...',
        ...
      }
     ],