webpack devServer电子锻造

Question

我已经用npx create-electron-app electron --template=webpack创建了一个电子伪造应用程序。

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

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

npm运行启动运行electron-forge start，我认为问题就在那里，因为我无法直接访问webpack的呼叫以获得webpack serve ...

webpack的电子开发服务器需要什么？

Answer 1

webpack-dev-server已由Electron-Forge使用，如电子伪造Webpack文件中所示

在开发过程中，我们使用webpack-dev服务器实例来驱动您的呈现程序进程，在驱动程序中，我们只构建静态文件。

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

对于主进程，只需键入rs在控制台您启动电子锻造，我们将重新启动您的应用程序与新的主进程代码。

如果您想访问webpack日志服务器：http://localhost:9000/ (9000是plugins-webpack配置中的默认loggerPort )

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