在Electron中使用Webpack自动刷新

Question

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

1. 我添加webpack-dev-server到我的项目。

2. 我添加了以下内容webpack.config.js：

   devServer: {
       inline: true
   }
   

3. 我用以下命令运行webpack webpack-dev-server --progress --colors

当我对条目文件进行更改时，它们不会反映在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
    }
}

Answer 1

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

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

干杯，约阿希姆