Question

Electron-forge 与 webpack devServer

2021-04-01

3212

electron webpack-dev-server electron-forge electron-webpack

我已经使用 npx create-electron-app electron --template=webpack 创建了一个带有 electron-forge 的应用程序。

然后我执行了 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 dev-server 与 electron 一起运行？

Answer 1

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

In development we spin up webpack-dev-server instances to power your renderer processes, in prod we just build the static files.

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

For the main process, just type rs in the console you launched electron-forge from and we will restart your app for you with the new main process code.

如果您想访问 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...',
        ...
      }
     ],