在 Electron 中使用 Webpack 自动刷新答案

【问题标题】：Automatic Refresh With Webpack in Electron在 Electron 中使用 Webpack 自动刷新
【发布时间】：2023-03-06 10:12:01
【问题描述】：

我有一个 Electron/Webpack 项目，我正在尝试在文件更改时添加自动刷新。根据documentation，我采取了以下步骤：

我将webpack-dev-server 添加到我的项目中。
我将以下内容添加到我的webpack.config.js：
```
devServer: {
    inline: true
}
```
然后我用命令webpack-dev-server --progress --colors运行webpack

当我对我的入口文件进行更改时，它们不会反映在http://localhost:8080/build/index.js 发出的代码中（我已将输出设置为去）。我错过了什么？

为了完整起见，这是我的 webpack 配置：

module.exports = {
    entry: './src/index.tsx',
    output: {
        filename: './build/index.js'
    },
    resolve: {
        extensions: ['', '.webpack.js', '.web.js', '.ts', '.js', '.tsx', '.jsx']
    },
    module: {
        loaders: [
            { test: /\.tsx?$/, loader: 'awesome-typescript-loader' }
        ]
    },
    devServer: {
        inline: true
    }
}

【问题讨论】：

运行本地 Web 服务器真的可行吗？缺少电子主进程功能，因此对于大多数无法运行的应用程序。我希望 Electron 有更多类似的内置重新加载功能。

标签： webpack electron webpack-dev-server

【解决方案1】：

也许我的测试样板会给你一些启发，“web”环境提供 HMR 开发：

https://github.com/wende60/Electron-Webpack2-React-Sass

干杯，约阿希姆

【讨论】：

感谢分享。它帮助我了解了如何构建我的 webpack 配置并正确设置目标：web 与 electron。