用webpack开发的电子伪造服务器 [英] Electron-forge with webpack devServer

问题描述

我已经使用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开发服务器与电子一起运行，需要做些什么？

推荐答案

webpack-dev-server已被Electron-Forge使用，如Electron-forge Webpack documentation

所示

在开发过程中，我们启动webpack-dev-server实例来支持您的呈现器进程，在生产过程中，我们只构建静态文件。

对于渲染器：它会为您刷新。 对于Main，如文档中所示，您必须在终端中键入"；rs"；以重新加载"；应用程序。

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

如果您想访问webpack日志服务器：http://localhost: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...',
        ...
      }
     ],

这篇关于用webpack开发的电子伪造服务器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！